特定の要素である最初の子を取得するには？

Question

この問題は非常に単純に思えますが、これを動作させることはできません。

次の簡単なマークアップがあります。私はli要素であるリストから最初の項目を選択するにはどうすればよい

<div id="left_pane"> 
<ul> 
<div id="indicator"></div> 
<li>Something</li> 
<li>Something else</li> 
</ul> 
</div> 

？ （すなわちdivではない）。

私はこの

#left_pane ul:first-child li { 
    /* style */ 
} 

#left_pane li:first-child { 
    /* style */ 
} 

のように...さまざまな方法を試してみましたが、しかし、私は何の仕事をするように見えることはできません。

Answer 1

異なるタイプの他の要素に関係なく、そのタイプの最初の要素を取得するには、通常:first-of-type CSS3疑似クラスを使用します。

しかし、ここでは、それは最初の場所でulの子としてdivを持っている有効なHTMLではありませんので、あなたはその内側のdivアウトを移動するべきです。

#left_pane li:first-child { 
    /* style */ 
}