:is()を上書きできないサンプル

foo

bar baz

<div class="content">
  <p class="foo">foo</p>
  <p class="bar baz">bar baz</p>
</div>
.content :is(.foo, .bar.baz) {
  color: red;
}

.content .foo {
  color: green;
}

元記事を表示する