css - CSS 类和元素选择

Question

有人可以解释两者之间的区别，

.class p {..}

相对，

p.class {...}

它们是使 CSS 应用于类 .class 和 P 标签的等效方法吗？还是有一些功能差异？

Answer 1

.class p是任何具有包含段落标签的“类”类的东西。

p.class是一个带有“类”类的段落标签

Answer 2

不同之处在于

• 第一个选择器适用于具有“类”类的元素内的段落
• 第二个选择器适用于具有“类”类的段落

第一个选择器适用于内部 p 这里：

<someElement class="class">
     doesn't apply outside p
     <p>apply inside p</p>
</someElement>

第二个选择器适用于此：

<p class="class">selector 2</p>

CSS 选择器参考

Answer 3

我建议查看关于选择器的 w3c 规范

.class p选择具有类的元素的所有段落元素后代class

p.class选择所有具有类的段落元素class。

Answer 4

第一个 .class p{} 将寻找一个

第二个 p.class{} 将寻找一个