私はリスト内の最初の子の子孫/子を扱おうとしています。例:最初の子の子孫
「ul li:first-child」のような最初の子を使用すると、liにのみ影響し、子孫には影響しません。私は最初の子供の子供をフォーマットしようとしています。
おそらく "ul + li a"か何か、しかし明らかにそれも覚醒していません。
私はリスト内の最初の子の子孫/子を扱おうとしています。例:最初の子の子孫
「ul li:first-child」のような最初の子を使用すると、liにのみ影響し、子孫には影響しません。私は最初の子供の子供をフォーマットしようとしています。
おそらく "ul + li a"か何か、しかし明らかにそれも覚醒していません。
私はあなたがしたいと考えている:
ul li:first-child > * {
は、これが最初の<li>
のすべての直接の子と一致します。
常にリンクされている場合は、a
の場合は*
を代入できます。
最初のリスト項目の下にあるすべてのアンカー:
ul li:first-child a { … }
またはいずれかの子孫のために:
ul li:first-child * { … }
それともだけ子供のための(などない孫、子孫):
ul li:first-child > * { … }
ここで最初に提案したのはずっと最高です。グローバルセレクタ( '*')を使うのは非常に遅いです。 – piersadrian
@Piersこの声明を引用してバックアップしてください。 – Phrogz
Googleは@PiersMainwaringの主張をバックアップしています:http://code.google.com/speed/page-speed/docs/rendering.html#UseEfficientCSSSelectors – AlienWebguy
ul li:first-child a {
background-color:black;
}
これは機能しています!なんらかの理由で、これは早く動作していませんでした。間違っていたことは間違いありません:-) – wlknsn
あなたは、具体的言った:私は*グローバルセレクタが非最適であることについて同意するものの
/* a list's */
ul
/* first child's */
> li:first-child
/* descendant or child */
*
または
ul > li:first-child *
は不思議なことに、他の回答のどれも、あなたが要求したまさにあなたを与えるありません。あなたが指定できるなら、それは良いかもしれません。
あなたは 'ul> li:first-child> a'を意味しますか? – ordag