CSS :first-child 選擇器

完整CSS選擇器參考手冊

比對 <p> 的父元素的第一個<p>元素

p:first-child

{

background-color:yellow;

}

:first-child 選擇器比對其父元素中的第一個子元素。

表格中的數字表示支援該屬性的第一個浏覽器版本号。

選擇器

:first-child

4.0

7.0

3.0

3.1

9.6

<b>注意:</b> :first-child在IE8和更早版本IE版本中必須聲明&lt;!DOCTYPE&gt;

CSS 教程: CSS 僞類

選擇每個 &lt;p&gt; 中的每個 &lt;i&gt; 元素并設定其樣式，其中的 &lt;p&gt; 元素是其父元素的第一個子元素：

p:first-child i

background:yellow;

清單中的第一個 &lt;li&gt;元素選擇的樣式：

li:first-child

每一個&lt;ul&gt;元素的第一個子元素選擇的樣式：:

ul&gt;:first-child