css指定第一个div或者li样式与其他的不一样写法

网站中遇到css第一个div或者li样式与其他的不一样的情况怎么办?具体看下面css写法。

<style>
.good li:first-child{     //设置第一个li的颜色为白色
color:#fff;
}
.good li:last-child{      //设置倒数第一个li的颜色为红色
color:red;
}
.good li:nth-last-child(2){  //设置倒数第二个li的颜色为黑色
color:#000;
}
</style>

<ul class="good">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>


通过上面的代码就能设置正数第一个li或者倒数第一个li或者倒数第二个li的样式了。具体其他div或者li样式控制方法可以自己举一反三。

如果内容有帮助,就点个赞吧!

转载注明出处:http://www.12564.cn/show-179.html

如有疑问请联系 QQ:644233191   微信:zw1688k