关于CSS选择器语法的问题

Question

我对CSS选择器语法有疑问.

以下两个CSS选择器有什么区别？

.myclass1 .myclass2 {
    color: black;
}

.myclass1.myclass2 {
    color: black;
}

它们是一样的吗？

谢谢.

Answer 1

.myclass1 .myclass2:在类"myclass1"的另一个元素中选择具有"myclass2"类的元素;

.myclass1.myclass2:选择具有两个类的元素.

Answer 2

.myclass1 .myclass2 将匹配内部DIV

<div class="myclass1">
    <div class="myclass2"></div>
</div>

.myclass1.myclass2 会匹配

<div class="myclass1 myclass2"></div>