365体育备用网址报道CSS :first-child 选择器_365体育备用网址官网资讯

CSS/css_selectors.HTML" title="CSS 选择器参考手册">CSS 选择器参考手册

实例

选择属于其父元素的首个子元素的每个 <p> 元素,并为其设置样式:

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

PHP?filename=css_sel_firstchild">亲自试一试

扫瞄器撑腰

IE Firefox Chrome Safari Opera

一切主流扫瞄器都撑腰 :first-child 选择器。

注释:对于 IE8 及更早版本的扫瞄器中的 :first-child,必须声明 <!DOCTYPE>

定义和用法

:first-child 选择器用于选取属于其父元素的首个子元素的指定选择器。

亲自试一试 - 实例

例子 1

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

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

亲自试一试

例子 2

选择列表中的第一个 <li> 元素并设置其样式:

li:first-child
{
background:yellow;
}

亲自试一试

例子 3

设置每个 <ul> 的首个子元素,并设置其样式:

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

亲自试一试

相关页面

CSS 教程:CSS 伪类

------分隔线----------------------------

公布评论 (196人察看0条评论)
请自觉遵守互联网相关的政策法规,严禁公布色情、暴力、反动的言论。
用户名: 验证码: 点击我更换博必发娱乐信誉
最新评论