CSS初心者です。セレクタの結合子についてわからないことがあります。

HTML、CSS45閲覧xmlns="http://www.w3.org/2000/svg">50

ベストアンサー

0

ThanksImg質問者からのお礼コメント

スペースの扱いを根本的に間違えていたようですね。おかげで先に進めそうです。ご回答誠にありがとうございました!

お礼日時:1/23 12:48

その他の回答(1件)

0

>CSS初心者です。セレクタの結合子についてわからないことがあります。 ><body> ><div class="wrap"> ><a class="item" href="#"> ><div class="img"> ><div class="icon"></div> ></div> ><p class="text">テキスト</p> ></a> ></div> ></body> > >このHTMLに対し、a要素にホバーしている際、iconクラスとtextクラスにスタイルを適用しようと思い以下のように記述すると上手くいきました。 >.wrap a :hover ~ .text, >.wrap a :hover .icon { >background-color: #FF4F02; >} > >1).wrap a :hover .text,ではスタイルが適用されない理由はなぜか >2).wrapと.text(.icon)は親と子の関係に思えるが隣接セレクタ、関節セレクタでなぜ適用されるのか > >以下コード全文です。その他お気づきの点もございましたらご指摘いただきたく思います。よろしくお願いいたします。 無駄なスペースを入れると意味不明な挙動をするようです。 下記をコピペして表示してみて下さい。 .wrap a:hover>.text, .wrap a:hover .icon { background-color: #FF4F02; }