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

Question

我有一个像这样的div：<div class='class'>

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

为什么会这样呢？

Answer 1

我注意到div.class处理这种风格，而.class div does不是。

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

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

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

此外，.class也处理这种风格。

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

Answer 2

空格是一个派生选择符，即“仅当其祖先之一的与左侧匹配时，才匹配右侧”。

​

​

请参阅the descendant section of 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’的所有元素。