ショコラ
CSS ある子要素を持つ親要素を指定するには?
「{親要素}:has(>{子要素})」なのですが、、、キマリマセン。
2022年6月24日現在。「:has」は使えません。
対応するブラウザは「Safari 15.4」と「Chrome Canary」のみ。「Chrome Canary」で確認したところ「:has」がキマリマシタ!
もっさん先輩
{親要素}:has(> {子要素})
例
.widget:has(> .category) {
margin-bottom:0!important;
}
ワードプレスの場合「高度な設定」で CSSのクラスを設定できるので、そこ(子要素)を始点にして設定できると便利なのかなと思いました。