<H>にはlink要素が2つありますが、2番目の要素にはCSSが付加されません。 _html/css

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

WBOY

リリース： 2016-06-24 11:54:31

オリジナル

1036 人が閲覧しました

;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>

ログイン後にコピー

ちなみに、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>

ログイン後にコピー

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