MRRI

CSS擬似クラス関数 :is()とは、複数のセレクタをまとめて簡潔に記述でき、とても便利です！
これにより、コードの可読性が向上し、メンテナンスも容易になります。

:is()を使った基本的な書き方

:is(h1, h2, h3) .span {
　color: #333;
　font-family: Arial,
　sans-serif;
}

従来の書き方

h1 .span, h2 .span, h3 .span {
　color: #333;
　font-family: Arial,
　sans-serif;
}

:is()を使うほうが、スッキリしたコードになり、メンテナンスもしやすくなります。