小编给大家分享一下CSS中:nth-child(-n+3)有什么用,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!<!DOC
小编给大家分享一下CSS中:nth-child(-n+3)有什么用,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!
<!DOCTYPE html>
<html>
<head>
<meta Http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>:nth-child(-n+3)指定小于等于第三个li被设置样式</title>
<style>
ul,li{ list-style:none; margin:0; padding:0}
ul li:nth-child(-n+3){color:#F00}
</style>
</head>
<body>
<ul>
<li>第一排 CSS5实例</li>
<li>第二排</li>
<li>第三排</li>
<li>第四排</li>
<li>第五排</li>
<li>第六排</li>
</ul>
</body>
</html>
以上是“css中:nth-child(-n+3)有什么用”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注编程网html频道!
--结束END--
本文标题: css中:nth-child(-n+3)有什么用
本文链接: https://www.lsjlt.com/news/92473.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑,方便收藏和打印~
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0