如果我在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」，意味着你只有一個類，包括空間b姓名。

.someClass .anotherClass如果您有兩個不同的類，它不會影響您的第一類['someClass']代碼。只有第二類受到影響。

希望你能明白這一點。