2

2 つの a タグを含む div があり、最初の a タグの css を書きたいと考えています。

HTML は次のとおりです。

<div id="Text">
    <br />                
    <a href="http://farsnews.com/newstext.php?nn=13920430001427#sthash.BOTOvYwM.dpuf">فارس نیوز</a>
    <a href="http://farsnews.com/newstext.php?nn=13920430001427#sthash.BOTOvYwM.dpuf">فارس نیوز</a>
</div>

ここに私のcssコードがあります：

#Text a:last-child{
    text-decoration: none;
    color: red; /*rgb(18, 139, 235)*/
}
4

5 に答える 5

5

これを試して

#Text a:first-of-type{
    /* css */
}

これ<a>により、#Text 内の最初のタグが選択されます

于 2013-07-24T09:37:55.233 に答える
4

問題は、aがその親内の最初の子ではないことですDIV#text 。CSS の最初の子疑似クラスは次のように動作します。

The :first-child CSS pseudo-class represents any element that is the first child element of its parent.

文字通り準備ができたら、親内の最初の子である要素にのみ適用されます。追加のクラスセレクターを追加するときに (精神的に) 作成するコンテキストは考慮されません。

疑似クラスを適用すると、ブラウザーはセレクターによって作成されたコンテキストを認識しません。基本的に、要素が selector と一致することを確認してから#text a、「これは親内の最初の子ですか?」という質問をします。前述のセレクターを考慮せずに、この質問をします。あなたの場合、最初の前に別の要素があるため、答えはノーaです。それは<br/>（同じものも申請したlast-child）

あなたの例では、要素<br/>は実際には最初の子です。

というわけで結論は――

スタイルを与えたい場合a:first-childは、親の最初の子でなければなりません。DIV#text

現在、あなたの最初の子供はBRですので、削除してください 。そうでない場合は

割り当ててください 

#Text a.q {
  ...
}

またはそうでなければ 

#Text a:first-of-type {...}

The :first-of-type selector is supported in all major browsers, except IE8 and earlier.
于 2013-07-24T09:34:16.660 に答える
3 
#Text a.q {
  //css
}

あなたはこのようにすることができます

于 2013-07-24T09:32:04.597 に答える
1

次のように書くことができます：

div a.q {
  text-decoration: none;
   color: red; /*rgb(18, 139, 235)*/
}

また

  #Text a.q {
      text-decoration: none;
       color: red; /*rgb(18, 139, 235)*/
    }
于 2013-07-24T09:36:35.143 に答える