HTML、CSS怎么选择偶数和基数

2025-05-06 07:34:27

1、首先打开编辑器新建一个HMTL文件

HTML、CSS怎么选择偶数和基数

2、输入基础代码(小编使用ul标签做为演示)

HTML、CSS怎么选择偶数和基数

3、编写CSS选择【基数行】并添加样式核心代码:.list > li:nth颍骈城茇-child(odd){ background: blue; font-size: 18px; color: 垆杪屑丝#fff;}

HTML、CSS怎么选择偶数和基数

4、编写CSS选择【偶数行】并添加样式核心代码:.list > li:nth颍骈城茇-child(even){ background: goldenrod; font-size: 18px; color: #fff;}

HTML、CSS怎么选择偶数和基数

5、编写代码完成后,我们打开浏览器来预览一下效果:如图所示

HTML、CSS怎么选择偶数和基数
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢