'div .class'，'。class'和'.class div'之间的差异

Question

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

的div

我注意到div.class处理这种风格，而.class div则没有。而且，.class也处理这种风格。

为什么？

Answer 1

  

我注意到div.class处理这种风格，而.class div does则没有。

div.class会查找div班级的class。

.class div查找div，它是class类元素的后代。

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

  

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

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

Answer 2

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

请参阅the descendant section of Selectutorial

.class有效，因为任何与规则“作为类'类'成员的div'匹配的元素”也将匹配规则“类'类成员'”，它只是更少具体

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 =“class”]

虽然是dot，fullstop，period ,. ，改为使用。