Question

I have the following

<p class="main yellow">Hello World</p>

I would like to write a css element that refers to only elements with main and yellow. Is there a way to do this?

Eg. the following doesn’t work, but would be what I’m after

.main + .yellow { color:green }

Answer 1

This should grab it:

.main.yellow { color:yellow; }

Though you may get differing results in different browsers. I use QuirksMode to get an idea of what will/won’t work cross browser.