フクロウセレクタ - mrsekut-p

フクロウセレクタ

今の時代はフクロウセレクタ使わなくてもgapで良いなmrsekut.icon

* + *こういうやつ

ユニバーサルセレクタ (*)

隣接兄弟結合子 (+)

こういうイディオム

code:css

.stack > * + * {

margin-top: 1.5rem;

}

code:html

<div class="stack">

<div class="box">aaaa</div> ← これ

<div class="box">aaaa</div> ← これ

<div class="box">aaaa</div> ← これ

<div class="box">aaaa</div> ← これ

<div class="box">aaaa</div> ← これは違う

</div>

隣接兄弟結合子 (+)は、A + B {..}と書いた時に、{..}はBの方に適用される

「要素の間」に対してstyleを適用できる

Axiomatic CSS and Lobotomized Owls – A List Apart

/mrsekut-book-486246517X/071