CSS嵌套:not()选择器

时间:2016-03-09 01:18:55

标签: css3 selector

我想将一组css规则应用于我的#content div中的所有(One)列表,但不允许这些列表影响附加div中的(Two)列表。

<!DOCTYPE>
<html>
    <head>
        <style>
        #content *:not(div) ul {list-style:none;}
        </style>
    </head>
    <body>
        <div id="content">
            <ul>
                <li>One</li>
            </ul>
            <div>
                <ul>
                    <li>Two</li>
                </ul>
            </div>
        </div>
    </body>
</html>

2 个答案:

答案 0 :(得分:2)

对于这种特定情况,您可以使用

#content > ul {list-style:none;}

这将定位#content元素的直接孩子

答案 1 :(得分:1)

您可能想要"child" or "descendent" selector,它只匹配选择器>右侧的那些元素,这些元素是与左侧匹配的元素的直接子元素。如果我理解你想要的话:

#content > ul { list-style: none; }