A question on CSS selector syntax

Question

I have a question on 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?

Thanks.

yvoyer · Accepted Answer · 2010-12-09 19:37:37Z

7

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

.myclass1.myclass2: Select the element that have both class.

answered Dec 9, 2010 at 19:37

yvoyer

7,5465 gold badges35 silver badges37 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Markus Hedlund · Accepted Answer · 2010-12-09 19:41:16Z

5

.myclass1 .myclass2 will match the inner DIV in

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

.myclass1.myclass2 will match

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

answered Dec 9, 2010 at 19:41

Markus Hedlund

24.4k22 gold badges82 silver badges113 bronze badges