CSS中的nth-of-type如何使用(2)-木庄网络博客

2022-03-01 21:19:19 PHP中文网 JavaScript 百度已收录

sample.css

li:nth-of-type(2n){
  color: #5bc0de;
}
 
li{
  margin: 10px;
  font-size: 120%;
}

页面上将显示如下效果，你会看到2的倍数的颜色都变成了蓝色。

CSS

本篇文章到这里就全部结束了，更多相关的精彩内容可以移步到php中文网的CSS视频教程和CSS3视频教程栏目进一步的学习！！！

以上就是CSS中的nth-of-type如何使用的详细内容，更多文章请关注木庄网络博客！

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者