Does CSS have a selector for selecting when in more than one class?

Question

I have the following:

<a class="nav disabled">Test</a>

Is there some way I can specify the background-color if the address has BOTH the "nav" and "disabled" class markers? In other words a selector that will select only the last of the three below:

<a class="nav">Test1</a>
<a class="disabled">Test2</a>
<a class="nav disabled">Test3</a>

score 5 · Accepted Answer · answered Sep 10 '11 at 13:31

5

Yes.

.nav.disabled { .... }

this has side effects in IE6, but is otherwise supported by every browser.

answered Sep 10 '11 at 13:31

Pekka

442,112
142
972
1,088

score 2 · Answer 2 · answered Sep 10 '11 at 13:31

2

Concatenate the class selectors:

a.nav.disabled

answered Sep 10 '11 at 13:31

Dennis

32,200
11
64
79

score 1 · Answer 3 · answered Sep 10 '11 at 13:34

1

CSS rule for

<a class="nav disabled">Test3</a>

is

a.nav.disabled {}

or

.nav.disabled {}

answered Sep 10 '11 at 13:34

Arsen K.

5,494
7
38
51

Does CSS have a selector for selecting when in more than one class?

3 Answers3