这两个CSS表达式有什么区别？

Question

我有两个css表达式:

.firstexpression.secondexpression (without space)

和

.firstexpression .secondexpression (with space)

有什么不同？

Answer 1

第一个应用于应用了BOTH类的元素,第二个应用于.secondexpression带有父元素的子元素.firstexpression

.firstexpression.secondexpression{
   /* styles */
}

适用于:

<div class='firstexpression secondexpression'>Applies to this element</div>

迎战.

.firstexpression .secondexpression{
   /* styles */
}

适用于:

<div class='firstexpression'>
   <div class='secondexpression'>Applies to this element only</div>
</div>