CSS - 在id中选择类的语法

Jer*_*emy 71 css css-selectors

通过类名在id中选择标记的选择器语法是什么?例如,为了使内部"li"变红,我需要在下面选择什么?

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

        #navigation li .navigationLevel2
        {
            color: red;
        }
    </style>
</head>
<body>
    <ul id="navigation">
        <li>Level 1 item
            <ul class="navigationLevel2">
                <li>Level 2 item</li>
            </ul>
        </li>
    </ul>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

Joh*_*han 85

#navigation .navigationLevel2 li
{
    color: #f00;
}
Run Code Online (Sandbox Code Playgroud)

  • 仅当显示的示例是所有标记时.众所周知,所需的标记更复杂.我的答案取决于给出的信息. (11认同)

And*_*ord 6

这也可以,你不需要额外的课程:

#navigation li li {}
Run Code Online (Sandbox Code Playgroud)

如果你有第三级LI,你可能需要重置/覆盖它们将从上面的选择器继承的一些样式.您可以像这样定位第三级:

#navigation li li li {}
Run Code Online (Sandbox Code Playgroud)