CSS 同じ階層で並んだ兄要素を変更するには?

ショコラ
ショコラ

CSS 同じ階層で並んだ兄要素を変更するには?

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

もっさん先輩
もっさん先輩
{兄の要素}:has(+{弟の要素})

因みに、弟の指定は↓こちらになります。

{兄の要素} + {弟の要素}

.hcb_wrap:has(+ p) {
  margin-bottom:0!important;
}

↑ここの空白を埋めたいわけなのです。

Scroll to Top