Order of the css classes on an element matters?

Question

Order of the class names that are added using class attribute on a HTML element matters?

Say I have two elements like:

<div class="class1 class2"></div>
<div class="class2 class1"></div>

And we have classes defined like:

.class1 {
   color:#fff;
   ....
}
.class2{
   color:#333;
   ....
}

What is the effect of the classes order here? Which color wins for both divs? Thanks.

This question has been asked before, see it here: http://stackoverflow.com/questions/3066356/multiple-css-classes-properties-overlapping-based-on-the-order-defined — Llogari Casas, May 07 '15 at 22:31

score 2 · Answer 1 · answered May 07 '15 at 22:32

2

Only the order of the rules in the CSS matters.

In your case CSS works like this:

So both divs will have color:#333;.

answered May 07 '15 at 22:32

Sebastian Simon

1 Answers1