css3列表属性
</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>
轉載于:https://www.cnblogs.com/-chengkai/p/4685853.html
總結
- 上一篇： 瞬间“友尽”的五大整蛊代码，快去安排你的
- 下一篇： easypr4android,EasyP