使用“not”伪类来设置所有元素的样式，除了特定元素的子元素之外

Question

Answer 1

我想将
<h1>
元素设为红色，除了
<h1>
内的
<header>
。

h1:not(header h1) {
  color:red
}

h1:not(header h1) {
  color: red
}

<header>
  <h1>Title</h1>
</header>
<h1>Level-1 heading</h1>
<p>Body text.</p>
<h1>Level-1 heading</h1>
<p>Body text.</p>

Answer 2

body:not(header) > h1 {
color: red;
}

<body>
  <header>
    <h1>Title</h1>
  </header>
  <h1>Level-1 heading</h1>
  <p>Body text.</p>
  <h1>Level-1 heading</h1>
  <p>Body text.</p>
</body>

body:not(header) > h1 {
    color: red;
}

这将使所有

<h1>

元素变为红色，除了

<header>

内的元素之外。

使用“not”伪类来设置所有元素的样式，除了特定元素的子元素之外

问题描述投票：0回答：2

2个回答

最新问题

使用“not”伪类来设置所有元素的样式，除了特定元素的子元素之外

问题描述 投票：0回答：2

2个回答

最新问题

问题描述投票：0回答：2