How do you combine a pseudo-class and combinator in CSS3? I've tried span.target div {background-color: green}, but that doesn't seem to work.

Answer 1

The selector span.target div doesn't contain a pseudo-class, and the only combinator is the space between span.target and div.

A few commonly used pseudo-classes are: :link, :visited, :hover, :active, :first-child and :nth-child. There are plenty more.

Out of the many possibilities it's not working is because the selector isn't targeting the proper HTML structure. Technically speaking, there isn't anything wrong with the selector itself.

I wrote a very extensive and detailed article for Smashing Magazine about pseudo-classes and pseudo-elements that may help shed some light into this very useful CSS subject. The article is called An Ultimate Guide To CSS Pseudo Classes And Pseudo Elements

Hope this helps.