Latest web development tutorials

CSS :first-child 偽元素

CSS完整選擇器 完整CSS選擇器參考手冊

實例

匹配屬於父元素中第一個子元素的每個<p>元素

p:first-child
{
background-color:yellow;
}

嘗試一下»

定義和用法

:only-child選擇器匹配屬於父元素中唯一子元素的元素。

瀏覽器支持

表格中的數字表示支持該屬性的第一個瀏覽器版本號。

选择器
:first-child 4.0 7.0 3.0 3.1 9.6

注意: :first-child在IE8和更早版本IE版本中必須聲明<!DOCTYPE>

相關文章

CSS教程: CSS偽類

Examples

更多實例


實例

<p>元素是其父級的第一個子元素，每個<p>元素的<i>元素的樣式：

p:first-child i
{
background:yellow;
}

嘗試一下»

實例

列表中的第一個<li>元素選擇的樣式：

li:first-child
{
background:yellow;
}

嘗試一下»

實例

每一個<ul>元素的第一個子元素選擇的樣式：:

ul>:first-child
{
background:yellow;
}

嘗試一下»

CSS完整選擇器 完整CSS選擇器參考手冊