飞龙博客

善人行善,从乐入乐。

第一个同级元素 css伪类的写法举例

feilong.org 修订于2012-02-19 08:43:35 1,071

第一个同级元素,第一个同胞,老大,css伪类的写法

一、css写法。

/*提示:first-child指的是li,不是ul*/
li:first-child{color:#f00;}
 
/*提示:first-child指的是ul*/
ul#feilong:first-child{border:1px solid #060;}
<ul>
<li>这是li第一</li>
<li>这是li第二</li>
<li>这是li第三</li>
</ul>
 
<ul id="feilong">
<li>这也算li第一,还是 ul#feilong的第一</li>
</ul>
 
<ul id="org">
<li>这也算li第一,但是不是ul#feilong的第一或第二</li>
</ul>

更新网址:http://feilong.org/css-first-child
最初发布:20120219 08:34:16 feilong.org 于广州

加入收藏夹,查看更方便。

所在分类: tutorials 网站开发

新作:

旧文:

飞龙前端QQ群