在制作网页设计时,有时候怎需要用css控制第一个li标签 或者 某个的样式,和其他li的样式不同,可以参考以下方法。
单独设置第几个LI的样式,实例:
.contact-sub {
display: inline-block;
width: 30%;
margin-bottom: 35px;
position: relative;
line-height: 26px;
padding-left: 40px;
padding-right: 15px;
vertical-align: top
}
.contact-sub:nth-child(2n) {
width: 70%
}
|
偶数个和奇数个li标签单独设置样式,实例:
.center_top_right ul li:nth-child(odd){ //奇数
list-style: none;
width: 90px;
height: 70px;
float: right;
}
.center_top_right ul li:nth-child(even){ //偶数
list-style: none;
width: 10px;
height: 70px;
color: #666;
float: right;
}
|