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

 时间:2026-02-13 08:58:38

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怎么选择偶数和基数

1、新建HMTL文件

2、输入基础代码

3、选择基数行,并设置样式

4、选择偶数行,并设置样式

5、打开浏览器预览效果

  • node_modules删除后如何用npm重新安装
  • 如何修改winform Button控件的字体颜色
  • 如何居中div?
  • html怎么插入特殊符号
  • Navicat 如何修改表字段属性
  • 热门搜索
    冰龙王怎么获得 焖面怎么做好吃 栖息的近义词是什么 女发型 小孩肚子疼是怎么回事 怎么样和女孩子聊天 怎么更改默认浏览器 怎么查档案在哪里 允许的近义词是什么 格外的近义词是什么