css如何使用负的nth-child来选择元素

css如何使用负的nth-child来选择元素

这篇文章主要介绍了css如何使用负的nth-child来选择元素，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

使用负的 nth-child 来选择元素

使用负的 nth-child 可以选择 1 至 n 个元素。

li {    display: none;  }  /* 选择第 1 至第 3 个元素并显示出来 */  li:nth-child(-n+3) {    display: block;  }

或许你已经掌握了 如何使用 :not()这个技巧，试下这个：

/* 选择除前3个之外的所有项目，并显示它们 */  li:not(:nth-child(-n+3)) {    display: none;  }

感谢你能够认真阅读完这篇文章，希望小编分享的“css如何使用负的nth-child来选择元素”这篇文章对大家有帮助，同时也希望大家多多支持高防服务器网，关注高防服务器网行业资讯频道，更多相关知识等着你来学习!

[微信提示：高防服务器能助您降低 IT 成本，提升运维效率，使您更专注于核心业务创新。

[图文来源于网络，不代表本站立场，如有侵权，请联系高防服务器网删除]
[