CSS :first-child 选择器匹配其父元素中的第一个子元素

浏览器支持

下表中的数字表示支持该属性的第一个浏览器版本号

:first-child在 IE8 和更早版本 IE 版本中必须声明 <!DOCTYPE>

范例

匹配 <p> 的父元素的第一个 <p> 元素

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

运行范例 »

范例 2

选择每个 <p> 中的每个 <i> 元素并设置其样式，其中的 <p> 元素是其父元素的第一个子元素

p:first-child i {

    background:yellow;
}

运行范例 »

范例 3

列表中的第一个 <li> 元素选择的样式

li:first-child {

    background:yellow;
}

运行范例 »

范例 4

每一个 <ul> 元素的第一个子元素选择的样式

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

运行范例 »

相关文章

CSS 基础教程 CSS 伪类