109月

css3 first-child和last-child选择器使用方法

WordPress建站, 前端开发DIV+CSS, 英文网站建设

first-child
选择属于其父元素的首个子元素的每个 例: <p> 或 <li>等元素,并为其设置样式:

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

last-child
选择属于其父元素的最后一个子元素的每个 例: <p> 或 <li>等元素,并为其设置样式:

写法
p:last-child {background-color:yellow;}
<p> 中的首个 <i> 元素并设置其样式
p:first-child i {background:yellow;}

<ul> 的首个子元素(首个li的样式)
ul>:first-child {background:yellow;}

定义css的写法
.onlygrape:last-child {background-color:yellow;}


分享到:



No comments

星期三, 九月 10th, 2014 | 分类:WordPress建站, 前端开发DIV+CSS, 英文网站建设 | RSS 2.0 | 留言/评论 | Trackback

留言