I have the following piece of code:
.x-border-box,
.x-border-box *{
box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box; }
Now my question is, what is the * doing there?
As per http://www.w3.org/TR/CSS2/selector.html , it matches any element.
whether it is there or not DOES seem to have some impact on my code though…
It does exactly what you said: It matches all descendants of
.x-border-box.