・反対にisセレクターを使うと、上書きがしにくくなる。
・これまでimportant!で上書きを行うことが一般的であったが、以下のように4段階で管理できる。
「強制力低」 where → 通常のセレクタ → is → important 「強制力高」
使い方
:where(.sample1, .sample2, .sample3) a{
color: red;
}
/* これと同じ意味 */
.sample1 a, .sample2 a, .sample3 a{
color: red;
}
参考
https://renandpenta.com/css-is-where/
https://qiita.com/FumiyaShibusawa/items/14f7d61479d2f0e5f972
https://coliss.com/articles/build-websites/operation/css/css-new-pseudo-classes-is-and-where.html
https://developer.mozilla.org/ja/docs/Web/CSS/:where