:has

ドキュメント:

:has | MDN

使い方

参考:

:has – 新しい擬似クラスの使い方 | toya

:has 疑似クラスの便利な使い方を徹底解説 | コリス

CSS で inner-text を条件にしたセレクタを書いてみたいなぁ | Neo’s World

直前の要素を選択する

直前の要素を選択するには、:has 疑似クラスと隣接セレクタを組み合わせる。

.select-me:has(+ .just-before-this)
{
    color: red;
}

参考:

CSS で直前の要素を指定する方法! :has セレクタと隣接セレクタを併用して対応できる | Webllica

Can I Use

リンク:

:has | Can I Use Support Tables

記事をシェアする:
タグ:

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

Protected by reCAPTCHA