☰

css および/または SASS + (兄弟) セレクター上向き [重複] 質問する

tag-icon • tag-icon sass
css および/または SASS + (兄弟) セレクター上向き [重複] 質問する

CSS では、兄弟が出力の上にある場合、つまり HTML 内の先行する要素である場合、プラス記号を使用して兄弟を選択する方法はありません。

例えば

<div class="first">
<div class="second">

.second + .first { 
    //style applied to div.first
}

SASS/SCSS でこれを行う方法はありますか?

ベストアンサー1

SASSはすべてのCSS3セレクタをサポートしています。兄弟+セレクタもその1つです。しかし、特別な機能は提供されません。つまり、

.first {
    + .second { 
        font-size: smaller;
    }
}

しかし、それで親に影響を与えることはできません...

PS CSS4 の機能のようです。

おすすめ記事