CSS ある子要素を持つ親要素を指定するには?

ショコラ
ショコラ

CSS ある子要素を持つ親要素を指定するには?

「{親要素}:has(>{子要素})」なのですが、、、キマリマセン。
2022年6月24日現在。「:has」は使えません。
対応するブラウザは「Safari 15.4」と「Chrome Canary」のみ。「Chrome Canary」で確認したところ「:has」がキマリマシタ!

もっさん先輩
もっさん先輩
{親要素}:has(> {子要素})

.widget:has(> .category) {
  margin-bottom:0!important;
}

ワードプレスの場合「高度な設定」で CSSのクラスを設定できるので、そこ(子要素)を始点にして設定できると便利なのかなと思いました。

Scroll to Top