CSS selector syntax question

Question

I have a question about CSS selector syntax.

What is the difference between the following two CSS selectors?

.myclass1 .myclass2 {
    color: black;
}

.myclass1.myclass2 {
    color: black;
}

Are they the same?

Thank.

Answer 1

.myclass1 .myclass2: select the element that has the class "myclass2" inside another element of the class "myclass1";

.myclass1.myclass2: Select an item that has both classes.

Answer 2

.myclass1 .myclass2 will match the div's internal

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

.myclass1.myclass2 will match

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