html如何选择li的偶数列

2021-05-17 07:44:16

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

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

实例:

<!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