我想要将页面上的所有h标签都作为目标.我知道你可以这样做.
h1,
h2,
h3,
h4,
h5,
h6 {
font: 32px/42px trajan-pro-1,trajan-pro-2;
}
但是，有没有更有效的方法使用高级CSS Select 器来实现这一点？e、 例如:
[att^=h] {
font: 32px/42px trajan-pro-1,trajan-pro-2;
}
(但显然这不起作用)
我想要将页面上的所有h标签都作为目标.我知道你可以这样做.
h1,
h2,
h3,
h4,
h5,
h6 {
font: 32px/42px trajan-pro-1,trajan-pro-2;
}
但是，有没有更有效的方法使用高级CSS Select 器来实现这一点？e、 例如:
[att^=h] {
font: 32px/42px trajan-pro-1,trajan-pro-2;
}
(但显然这不起作用)
新的:is() CSS pseudo-class可以在一个 Select 器中完成.
例如，以下是如何针对容器元素中的所有标题:
.container :is(h1, h2, h3, h4, h5, h6)
{
color: red;
}
大多数浏览器现在都支持:is()，但请记住，2020年之前生产的大多数浏览器不支持没有前缀的:is()，所以如果需要支持旧浏览器，请小心使用.
在某些情况下，您可能希望使用:where()伪类，它与:is()非常相似，但具有不同的特殊性规则.