如果我在CSS选择器中放置一个空格，如果我不这样做，是否有区别？

Question

这些之间有区别吗？

.someClass.anotherClass

.someClass .anotherClass

白色空间是否有所作为。如果是，它会有什么不同？

Answer 1

是的，它有所作为。使用空格是descendant selector。在您的示例中，anotherClass必须是someClass的后代。

<div class="someClass">
    <div class="anotherClass"></div>
</div>

如果没有空格，您的目标元素将与指定的所有类匹配。在您的示例中，匹配的元素必须同时包含someClass和anotherClass。

<div class="someClass anotherClass">
</div>

Answer 2

.someClass.anotherClass 将选择以下元素

<div class="someClass anotherClass"></div>

.someClass .anotherClass （后代选择器）

<div class="someClass">
<span class="anotherClass"></span> //this will be selected
</div>

Answer 3

.someClass.anotherClass将适用于您的类名是“someClass anotherClass”的情况，意味着您只有一个类，包括名称之间的空格。

.someClass .anotherClass如果您有两个不同的类，它将不会影响您的第一个类['someClass']代码。只有第二类受到影响。

希望你能明白这一点。