ショコラ
CSS 同じ階層で並んだ兄要素を変更するには?
「{兄の要素}:has(+{弟の要素})」なのですが、、、キマリマセン。
2022年6月24日現在。「:has」は使えません。
対応するブラウザは「Safari 15.4」と「Chrome Canary」のみ。ということで「Chrome Canary」で確認したところ「:has」がキマリマシタ!
もっさん先輩
{兄の要素}:has(+{弟の要素})
因みに、弟の指定は↓こちらになります。
{兄の要素} + {弟の要素}
例
.hcb_wrap:has(+ p) {
margin-bottom:0!important;
}
↑ここの空白を埋めたいわけなのです。