CSS

CSSの部分一致セレクタとカスタムプロパティを組み合わせてコードを簡潔にする。 具体例として、別々の要素のborder-colorとbackg

:not(.parent) > .target :notを親/先祖に対して使う タイトルの通り、「親/先祖が〜〜でない」要素を示すCSSを:notを使用して書く。 まず以下のようなHTM