欢迎光临
我们一直在努力

css中的:nth-last-child()怎么用

小编给大家分享一下css中的:nth-last-child()怎么用,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!

DIV CSS实例代码

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>:nth-last-child()倒数第几个li被设置装备摆设格局</title>
<style>
ul,li{ list-style:none; margin:0; padding:0}
ul li:nth-last-child(2){color:#F00}/*配置倒数第2个li 字体色采为红色*/
</style>
</head>
<body>
<ul>
<li>第一排 CSS5实例</li>
<li>第二排</li>
<li>第三排</li>
<li>第四排</li>
<li>第五排 这是倒数第2个li</li>
<li>结尾一个li 第六排</li>
</ul>
</body>
</html>

看完了这篇文章,相信你对“css中的:nth-last-child()怎么用”有了一定的了解,如果想了解更多相关知识,欢迎关注云搜网行业资讯频道,感谢各位的阅读!

赞(0)
【声明】:本博客不参与任何交易,也非中介,仅记录个人感兴趣的主机测评结果和优惠活动,内容均不作直接、间接、法定、约定的保证。访问本博客请务必遵守有关互联网的相关法律、规定与规则。一旦您访问本博客,即表示您已经知晓并接受了此声明通告。