Css class nesting and grouping

Question

What is the difference between

#id .A.B x {  }
#id .A .B  y { }

in CSS file?

Both A and B are classes. x and y are some tags

Does the spacing between .A and .B have any significance?

Pat · Accepted Answer · 2011-09-28 00:33:44Z

6

In the first case, it references an element that has both A and B as classes:

<div class="A B"></div>

The second is an element with class A that has an element with class B nested inside:

<div class="A">
  <div class="B"></div>
</div>

answered Sep 28, 2011 at 0:33

Pat

25.7k6 gold badges73 silver badges68 bronze badges

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

1 Answer 1