ansaurus

Question

CSS - Syntax to select a class within an id

Answer 1

+1 A:

.navigationLevel2 li { color: #aa0000 }

Galen 2009-07-16 22:24:39

IF this does the trick without applying it to unwanted li:s, then this is the way to go, since it has fewer selectors and thus is faster. At least according to Google's page performance advice.

PatrikAkerstrand 2009-07-16 22:59:23

Answer 2

+3 A:

#navigation .navigationLevel2 li
{
    color: #f00;
}

John Sheehan 2009-07-16 22:25:12

has unneed selectors!

Galen 2009-07-16 23:38:11

i meant unneeded!

Galen 2009-07-16 23:39:04

Only if the example shown is all the markup. For all you know, the markup needed is more complicated. I based my answer off the information given.

John Sheehan 2009-07-17 04:46:55

Answer 3

A:

Here's two options. I prefer the navigationAlt option since it involves less work in the end:

<html>
<head>
    <style type="text/css">
        #navigation li
        {
                color: green;
        }

        #navigation li .navigationLevel2
        {
                color: red;
        }
        #navigationAlt
        {
                color: green;
        }
        #navigationAlt ul
        {
                color: red;
        }
    </style>
</head>
<body>
    <ul id="navigation">
        <li>Level 1 item
                <ul>
                        <li class="navigationLevel2">Level 2 item</li>
                </ul>
        </li>
    </ul>
    <ul id="navigationAlt">
        <li>Level 1 item
                <ul>
                        <li>Level 2 item</li>
                </ul>
        </li>
    </ul>
</body>
</html>

Jason 2009-07-16 22:30:43

Answer 4

+3 A:

This will also work and you don't need the extra class:

#navigation li li {}

If you have a third level of LI's you may have to reset/override some of the styles they will inherit from the above selector. You can target the third level like so:

#navigation li li li {}

Andy Ford 2009-07-16 22:39:50

ansaurus

tags:

views:

answers:

CSS - Syntax to select a class within an id

related questions