首页 > 解决方案 > 选择父类时如何排除某些类

问题描述

如果这是您发现的最愚蠢的问题,我很抱歉。我想找到一些“捷径”来实现这一目标。这是示例:

<body>
    <div class="wrapper">
        <nav></nav>
        <aside></aside>
        <footer></footer>
    </div>
</body>

我想为所有.wrapper内容赋予一些风格,除了footer. 有可能处理吗?或者...是否有任何 CSS 选择器用于异常?

注意:请不要给我这样的“简单方法”解决方案:

nav { 
    //some style
}
aside {
    //some same style
}

标签: css

解决方案


这很容易。只需执行以下操作:

.wrapper > *:not(footer)  {
    color: green;
}

推荐阅读