CSS target element

[qrazyneo1]

How can I target the second <span> in the div (Rättsmål), and make it red? I dont want massive amout of extra classes.

<div class="subjects_container"> 

		<div> <span>1</span><span>Rättsmål</span><span></span> </div>

</div>

I tried the following, but it made both “1”, and “Rättsmål” red.

.subjects_container:nth-child(2) {

		color: red;

}

I also tried, no success.

.subjects_container > div:nth-child(2) {

		color: red;

}

[coothead]

Hi there qrazyneo1,

try it like this…

.subjects_container span:nth-of-type(2) {
    color: #f00;
}

coothead

[qrazyneo1]

You’re the man! This works good, thanks.

[coothead]

 
 
        No problem, you’re very welcome.
 
 
        coothead