CSS类和元素选择

Question

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

.class p {..}

对战，

p.class {...}

它们是否都是使CSS适用于类.class和P标记的等效方法？或者是否存在一些功能差异？

Answer 1

.class p是指包含段落标记的“类”类的任何内容。

p.class是一个带有“class”类

的段落标记

Answer 2

区别在于

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

第一个选择器适用于此处的内部p：

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

第二个选择器适用于此：

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

CSS selectors reference

Answer 3

我建议您查看w3c spec on selectors

.class p选择类class

的元素的所有段落元素后代

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

Answer 4

第一个.class p {}将寻找

第二个p.class {}将查找