html如何选择li的偶数列

PHP中文网 JavaScript

本文摘自PHP中文网，作者醉折花枝作酒筹，侵删。

html中可以使用“:nth-of-type()”选择器选择li的偶数列，语法“li:nth-of-type(even){}”。“:nth-of-type(n)”选择器匹配父元素特定类型的子元素，当值为even时，表示匹配下标是偶数的元素。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

可以使用li:nth-of-type(even) {......}来选择li的偶数列

实例：

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

<!DOCTYPE html>

<html>

  <head lang="en">

    <meta charset="UTF-8" />

    <title></title>

    <style>

      #Ulist li:nth-of-type(even) {

        background: royalblue;

      }

    </style>

  </head>

  <body>

    <ul id="Ulist">

      <li>1</li>

      <li>2</li>

      <li>3</li>

      <li>4</li>

      <li>5</li>

      <li>6</li>

    </ul>

  </body>

</html>

效果：

LMG0R1V~1EB30PTW1HOM}_B.png

推荐学习：html视频教程

以上就是html如何选择li的偶数列的详细内容，更多文章请关注木庄网络博客！

相关阅读 >>

16 个css开发中需要了解的devtools技巧

css如何设置内边距

css中的伪元素有什么作用

为什么使用div+css布局？

css怎么设置文本左对齐

4个可以用来提高页面渲染速度的css技巧

css怎么改变hr标签颜色

nginx 怎么实现js css 不缓存

了解css中容易被忽略特性，避免一些经常遇到的坑

利用css绘制三角形的6种技巧（分享）

更多相关阅读请进入《css》频道 >>




标签：

打赏

取消

感谢您的支持，我会继续努力的!

扫码支持
扫码打赏，您说多少就多少

打开支付宝扫一扫，即可进行扫码打赏哦

分享从这里开始，精彩与您同在

相关推荐

评论

管理员已关闭评论功能...