css3列表属性
2015-07-29 14:34
393 查看
</head>
<!--first-child--给元素中的第一个子表签改变效果-->
<style>
li:first-child{
background-color:#00F;
}
/*last-child--给元素中最后一个标签改变效果*/
li:last-child{
background-color:#0F9;
}
/*li:nth-child()--给指定的位置添加属性,从上往下数*/
li:nth-child(3){
background-color:#0F6;
}
/*li:nth-last-child()--给制定位置添加属性,从下往上数*/
li:net-last-child(2){
background-color:#3CF;
}
/*li:nth-last-child(add)--给基数添加属性*/
/*li:nth-last-child(even)--给偶数添加属性*/
</style>
<body>
<h2>列表</h2>
<ul>
<li>列表1</li>
<li>列表2</li>
<li>列表3</li>
<li>列表4</li>
<li>列表5</li>
<li>列表6</li>
</ul>
</body>
</html>
<!--first-child--给元素中的第一个子表签改变效果-->
<style>
li:first-child{
background-color:#00F;
}
/*last-child--给元素中最后一个标签改变效果*/
li:last-child{
background-color:#0F9;
}
/*li:nth-child()--给指定的位置添加属性,从上往下数*/
li:nth-child(3){
background-color:#0F6;
}
/*li:nth-last-child()--给制定位置添加属性,从下往上数*/
li:net-last-child(2){
background-color:#3CF;
}
/*li:nth-last-child(add)--给基数添加属性*/
/*li:nth-last-child(even)--给偶数添加属性*/
</style>
<body>
<h2>列表</h2>
<ul>
<li>列表1</li>
<li>列表2</li>
<li>列表3</li>
<li>列表4</li>
<li>列表5</li>
<li>列表6</li>
</ul>
</body>
</html>
相关文章推荐
- CSS代码优化7个准则
- html css一些记录
- css 实现垂直居中的5种方法
- 前端性能优化(CSS动画篇)
- 去掉chrome 浏览器 input textarea 获取焦点后边框
- css文字样式
- 静态Web开发 CSS
- 使用CSS样式position:fixed水平滚动的方法
- 一款很漂亮的CSS3登录界面
- css中的选择器
- 去除inline-block元素间间距的N种方法
- CSS常用属性
- 【jetty】jetty作为maven插件,解除JS/CSS等静态文件锁定
- CSS布局页面之盒子模型
- 样式表的重置
- CSS中的长度单位
- CSS中让一个div的高度随着另外个一个统计的div的高度变化而变化的代码
- CSS中让一个div的高度随着另外个一个统计的div的高度变化而变化的代码
- Grunt 进行js,css文件合并,压缩
- Js 动态插入css js文件