css - 最初の子は内部のすべての要素に影響します

Question

ここに画像の説明を入力

ul.idTabs:first-child :before  {
    border-top: none;
}

上記のスタイルが内のすべての要素に影響する理由がわかりませんul.idTabs。

私は何か間違っていますか？

border-top: none他のすべては正常に動作します。最初のli:before内部に設定したいだけですul.idTabs

score 3 · Accepted Answer

これを試して：

ul.idTabs li:first-child:before  {
  border-top: none;
}

最初の要素のタグを識別する必要があります。

score 2 · Accepted Answer

あなたは実際にul、ある親の最初の子であるすべてをターゲットにしました..
の前の空白を削除します:before
content疑似クラスでプロパティを使用し:beforeないと、レンダリングされません。contentこれは、より一般的なルールでプロパティをまだ割り当てていない場合のみですul.idTabs li（おそらくそうしました..）

だから使用：

ul.idTabs li:first-child:before {
    content: ""; /*can be empty if you want*/
    border-top: none;
}

score 2 · Accepted Answer

2

使用してみてください:

ul.idTabs li:first-child:before {
    border-top: none;
}

于 2013-09-30T19:54:22.123 に答える

score 1 · Accepted Answer

上記のすべての回答から、すでにここにある正しい答えが得られたので、何かが異なります。

最初の項目に「first-item」などのクラスを追加してみてください。その後、新しいブラウザだけでなく、どのブラウザでも機能します。

4 に答える 4