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的偶数列的详细内容，更多文章请关注木庄网络博客！

相关阅读 >>

css中怎么设置图片大小

css怎么实现阴影效果

css实现图片在div中居中的方法有哪些

css怎么设置a标签不可点击

html和css的面试知识点总结（附示例）

css中可以实现旋转效果的属性是什么

css该如何去掉背景颜色呢

css外部样式表怎么写

css怎么让文字不换行

jq怎么恢复原来的css样式

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




标签：

打赏

取消

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

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

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

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

相关推荐

评论

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