にはlink要素が2つありますが、2番目の要素にはCSSが付加されません。 _html/css_WEB-ITnoseの書き方

;abc には 2 つのリンクがあります。最初のリンクにのみ背景色を追加したいのですが、2 番目のリンクにはスタイルがありません。



返信 ディスカッション (解決策)

<style type="text/css">.test h3 a:first-child {background-color: #FF0000;}</style><div class="test"><H3><a href="#">abc</a>  <a href="#">123</a></H3></div>

E

ちなみに、2番目をお選びいただければ幸いです。

<style type="text/css">.test h3 a.first {background-color: #FF0000;}</style><div class="test"><H3><a href="#" class="first">abc</a>  <a href="#">123</a></H3></div>

<style type="text/css">.test h3 a:first-child {background-color: #FF0000;}</style><div class="test"><H3><a href="#">abc</a>  <a href="#">123</a></H3></div>

また: first-child と .first がそれぞれ使用される場合。ありがとうございます

CSSセレクターリファレンス
2番目を選択します

<style type="text/css">.test h3 a.first {background-color: #FF0000;}</style><div class="test"><H3><a href="#" class="first">abc</a>  <a href="#">123</a></H3></div>

通常、2番目のものにクラスを追加してスタイルを設定します

<style type="text/css">.test h3 a:first-child {background-color: #FF0000;}</style><div class="test"><H3><a href="#">abc</a>  <a href="#">123</a></H3></div>

<style type="text/css">.test h3 a.first {background-color: #FF0000;}</style><div class="test"><H3><a href="#" class="first">abc</a>  <a href="#">123</a></H3></div>

divが2つネストされている場合、効果がないようです例:

abc 123

abc a href ="#" name="2">123

質問が多すぎます。 (これは自動的にループされるリストなので、DIV が 2 つネストされており、外側の DIV は異なります)

<style type="text/css">.test h3 a:nth-child(2) {background-color: #FF0000;}</style>  <div class="test"><H3><a href="#">abc</a>  <a href="#">123</a></H3></div>

<style type="text/css">.test h3 a:first-child {background-color: #FF0000;}</style><div class="test"><H3><a href="#">abc</a>  <a href="#">123</a></H3></div>

問題を解決してください。投稿していただきありがとうございます。

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。