Question

I have a unordered list where every <li> has a different ID and a white background. Now when the id = me (<li id="me">) it should change the background color to red instead of white.

Please see my fiddle: http://jsfiddle.net/mauricederegt/s2dHJ/

I’ve tried:

#overview li, #me {
blabla
}
#me {
    background-color: #FF0000;
}

and

#overview li, #me li {
blabla
}
#me li{
    background-color: #FF0000;
}

etc, but none worked

Hope there is a solution for this.

Kind regards,

Answer 1

Write like this :

#overview #me {
    background-color: #FF0000;
}

Because the power #overview li more then #me. So for overrite we have to define like this #overview #me.

Check this http://jsfiddle.net/s2dHJ/2/