全てのaタグをひろって同一内容のhoverを適用させたいです。
aタグが子、孫…と色々あるからか、
a{}ではできませんでした。
ひとつひとつのタグを指定するのではなく、効率的に行う方法がありましたら教えていただきたいです。
コードを追記させていただきました。
編集しているのでdivが重なっていたりしますが、見づらかったら、すみません、、、
html
1<body> 2 <header> 3 <nav> 4 <ul> 5 <li><a href="#">a</a></li> 6 <li><a href="#">b</a></li> 7 </ul> 8 </nav> 9 </header> 10 11 <main> 12 <div id="aa"> 13 <div> 14 <a href="#">link</a> 15 <a href="#">link</a> 16 </div> 17 </div> 18 19 <div id="bb"> 20 <a href="#">link</a> 21 </div> 22 23 <div id="cc"> 24 <div> 25 <a href="#">link</a> 26 </div> 27 </div> 28 29 <table> 30 <tr> 31 <td><a href="#">link</a></td> 32 </tr> 33 <tr> 34 <td><a href="#">link</a></td 35 </tr> 36 </table> 37 </main> 38</body>
css
1a:hover{ 2color:red; 3}
問題の確認できるコードは提示できるでしょうか?
実際のhtmlもあわせてご提示ください。でないと答えようがありません。
ご自身が試したcssもご提示ください。でないと質問ではなく作業依頼になっています
追記されたコードで問題ないように見えますが、赤くならないところがあるのでしょうか?
ナビゲーションのliタグのみ赤くなるのですが、他はだめでした
このコードのみでは再現しませんが、ほかに使っている CSS があるのではないでしょうか?
他に使っているcssは色々とあるのですが、どれを追記してよいかわからず、直接関係のあるもののみ書いてしまいました。
aタグの場所(子、孫など)と、cssのセレクタの書き方に関係があるものかと思い、こちらに質問させていただいたのですが、そうではないということだけでも分かったので改めてコードを見返してみます。
セレクタには問題ないかと思います。
HTMLを追記するならCSSを全て載せたほうが原因箇所は特定しやすいです
回答2件
あなたの回答
tips
プレビュー