“div .class”、“.class”之间的区别和'.class div'

Question

我有一个像这样的 div：

我注意到 div.class 可以处理这种样式，而 .class div 则不能。此外，.class 还可以处理样式。

这是为什么 ？

Answer 1

我注意到 div.class 可以处理这种样式，而 .class div 则不能。

div.class 查找存在 class 类的 div。

.class div 查找作为具有 class 类的元素的后代的 div。

您的元素是一个带有 class 类的 div ，因此选择器不会选择它。

此外，.class 还可以处理样式。

.class 将选择具有该类的任何元素，包括任何 div 元素。

Answer 2

空格是一个后代选择器，即“仅当其祖先之一与左侧匹配时才匹配右侧”。

请参阅Selectutorial .class 的后代部分

可以正常工作，因为任何与规则“A div is a member of the class 'class'”匹配的元素都会也符合规则“A member of the class 'class'”，只是不太具体。

Answer 3

div.class 指的是类为“class”的所有 div。另一方面，.class div 指的是属于“class”类元素的子元素的所有 div。 .class 指的是类为“class”的所有元素。

Answer 4

1. div.class：选择具有class属性的div
   值“类”。可以写成 div[class="class"]
2. .class div: 选择
   一个 div 是任何的后代
   具有 value 类属性的元素
   “班级”。可以写为 [class="class"] div
3. .class：选择任何具有
   值“class”的类属性。可以写成 [class="class"]

虽然点、句号、句号、. , 被用来代替。