h1 > b, h2 > b, h3 > b, h4 > b, h5 > b, h6 > b {
color: hotpink;
}
更好的选择是,你可以使用:is(),在避免过长选择器的同时提高可读性...:is(h1,h2,h3,h4,h5,h6) > b {
color: hotpink;
}
可读性和更短的选择器只是:is()和:where()给CSS带来的价值的一部分。...在这篇文章中,你会了解到这两个功能性伪选择器的语法和价值。
浏览器支持情况:
Chromium(>=88)、Firefox(>=78)和Safari(>=14)都支持:is 和:where伪类。...初识 :is() 和 :where()
这些都是功能性的伪类选择器,注意末尾的()和它们以:开头的方式。可以把它们看作是运行时的动态函数调用,与元素相匹配。...uppercase;
}
/* nested */
.hero:is(h1,h2,:is(.header,.boldest)) {
font-weight: 900;
}
上述每个选择器例子都展示了这两个功能伪类的灵活性