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 |
注意: :first-child在IE8和更早版本IE版本中必須聲明<!DOCTYPE>
相關文章
CSS 教學: CSS 偽類
更多實例
實例
選擇每個 <p> 中的每個 <i> 元素並設置其樣式，其中的 <p> 元素是其父元素的第一個子元素：
p:first-child i
{
background:yellow;
}
實例
列表中的第一個 <li>元素選擇的樣式：
li:first-child
{
background:yellow;
}
實例
每一個<ul>元素的第一個子元素選擇的樣式：:
ul>:first-child
{
background:yellow;
}