网站中遇到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样式控制方法可以自己举一反三。
如果内容有帮助,就点个赞吧!