关于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>