我如何在元素及其子元素上使用 css“.not()”

Mat*_*ler 4 css children css-selectors pseudo-class

我有一个联系网页,在其中我有div一些css应用到特定的div使用它的id,我想使用这种样式div来添加更多的s,但只有body. 但是我有一个标题div,我在这个网站上的所有页面上都使用它,我不希望这种样式应用于它或其子项。

我如何css :not()#header div 它的孩子上使用选择器?

let*_*ves 5

所有DIV元素的CSS 选择器,除了#header

div:not(#header) { }
Run Code Online (Sandbox Code Playgroud)

其子项的 CSS 选择器

div:not(#header) > * { }
Run Code Online (Sandbox Code Playgroud)

或为其所有后代

div:not(#header) * { }
Run Code Online (Sandbox Code Playgroud)

编辑

所有子DIV元素的CSS 选择器,body除了div#header

body > div:not(#header)
Run Code Online (Sandbox Code Playgroud)