我想要更改位于单个CSS类中的多个HTML元素.
例如:
<div class="main">
<h1>Hello</h1>
<p>Good Morning</p>
</div>
我知道这样做是可能的:
.main h1 { ... }
.main p {...}
是否可以在一行中创建一个css子句来实现这一点？(如下所示:)
.main h1,p {...}
谢谢!
我想要更改位于单个CSS类中的多个HTML元素.
例如:
<div class="main">
<h1>Hello</h1>
<p>Good Morning</p>
</div>
我知道这样做是可能的:
.main h1 { ... }
.main p {...}
是否可以在一行中创建一个css子句来实现这一点？(如下所示:)
.main h1,p {...}
谢谢!
您可以使用限定作用域的universal Select 符，作为.main内每个元素的快捷方式，例如
.main * { ... }
或者使用:is或:where列出.main内的所有特定元素(区别在于它们的特殊性)，例如
.main :where(h1, p) { ... }
Reference (MDN):
— https://developer.mozilla.org/en-US/docs/Web/CSS/:is
— https://developer.mozilla.org/en-US/docs/Web/CSS/:where