CSSの擬似クラス関数:is()とは、引数にCSSのセレクタを渡すと、その条件に一致した要素を選択することができる便利なCSS擬似クラス関数です。

#box01 :is(.class1 , .class2, .class3 , .class4) a:hover {
	color: #fff;
}
#box01 :is(.class1 , .class2) a:hover {
	background-color: red;
}
#box01 :is(.class3 , .class4) a:hover {
	background-color: blue;
}

sectionの

H1タグです

H2タグです

H3タグです

articleの

H1タグです

H2タグです

H3タグです

#box02 :is(section , article) :is(h1 ,h2 , h3) {
	color: red;
}