LemonteaのUnity部屋

C#とかのお話です~

CSS セレクタ + で隣接している要素を指定

こんにちは。レモンティーです。

今回は+セレクタについてです。

これを使うと
ある要素のうしろで隣接している要素にCSSを適用できます。

例えば

X + Y {  }

と書けば、
Xのうしろで隣接しているYにのみCSSを反映させられます。
(X Yの順番で隣接している場合に反映…といったほうが書式から見て直感的かも。)

次のような場合では…
HTML

<p>p</p>
<p>p</p>
<div>div</div>
<p>p</p>
<p>p</p>

CSS

div + p {color:blue;}

…↓のようになります。

p

p

div

p

p


今回はこれでおしまいです
sawalemounity.hatenablog.com

sawalemounity.hatenablog.com

sawalemounity.hatenablog.com