CSS Not Selector未选择单页

时间:2018-09-17 15:25:10

标签: css css-selectors

我在第1页上有以下HTML代码

<body class="page-template-default page page-id-23">
<header class="nav_header">

</header>
</body>

以及第2页上的以下HTML代码

<body class="page-template-default page page-id-22">
<header class="nav_header">

</header>
</body>

以及以下CSS

header.nav_header:not(.page-id-23) {
     background-color: rgba(255,255,255,0)!important;
}

我试图在除body类中具有page-id-23的页面之外的所有页面上放置背景色,但是我当前的CSS没有成功

1 个答案:

答案 0 :(得分:4)

您要在nav_header元素(没有)上找到一个css类选择器,而不是body元素(在那里)上找到一个css类选择器。您想要这个:

body:not(.page-id-23) header.nav_header {
    background-color: rgba(255,255,255,0)!important;
}