Css 当classname似乎做同样的事情时,为什么要使用element.classname?

Css 当classname似乎做同样的事情时,为什么要使用element.classname?,css,css-selectors,Css,Css Selectors,为什么在用类名指定p元素的情况下使用这些类型的选择器(以便用类名colort选择所有p元素) p.colort{ 背景色:蓝紫色; } 这是一项测试 当这种类型的选择器似乎做同样的事情时?(指定类并将其指定给我希望将其指定给的所有p元素) .back\u颜色{ 背景色:蓝紫色; } 这是一个测试 我缺少的区别是什么?p是一个元素选择器.colort是类的选择器。使用class.colort可以有许多不同的元素。要获取特定元素,您不能使用p.colort 虽然p.colort比体重更重。如果在

为什么在用类名指定p元素的情况下使用这些类型的选择器(以便用类名colort选择所有p元素)

p.colort{
背景色:蓝紫色;
}

这是一项测试

当这种类型的选择器似乎做同样的事情时?(指定类并将其指定给我希望将其指定给的所有p元素)

.back\u颜色{
背景色:蓝紫色;
}
这是一个测试


我缺少的区别是什么?

p是一个元素选择器.colort是类的选择器。使用class.colort可以有许多不同的元素。要获取特定元素,您不能使用p.colort


虽然p.colort体重更重。如果在代码中同时使用这两个选项,系统将以更高的优先级执行p.colort。

p是一个元素选择器.colort是类的选择器。使用class.colort可以有许多不同的元素。要获取特定元素,您不能使用p.colort


虽然p.colort体重更重。如果您在代码中同时使用这两种类型,系统将以更高的优先级执行p.colort。

第一个选择器将仅将
p
元素与该类匹配,并将保留该类中的所有其他元素类型(如果存在其中任何一种),将
添加到我是否为紫色,然后请拍摄我。
在这两种情况下,都将添加到HTML中,看看这有什么不同。谢谢你帮我澄清了这一点,我想得太深了!第一个选择器将只将
p
元素与该类匹配,并将保留该类的所有其他元素类型(如果存在其中任何一个)…添加
如果我是紫罗兰色的,请向我开枪。
在这两种情况下都添加到HTML中,看看有什么区别。感谢这为我清除了它,事实上我想得太深了!
p.colort {
    background-color: blueviolet;
}
<p class="colort">this is a test</p>
.back_color{
    background-color: blueviolet;
}
<p class="back_color">this is a test</p>