站长资讯网
最全最丰富的资讯网站

html如何选择li的偶数列

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

html如何选择li的偶数列

本教程操作环境: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>

效果:

html如何选择li的偶数列

推荐学习:html视频教程

赞(0)
分享到: 更多 (0)

网站地图   沪ICP备18035694号-2    沪公网安备31011702889846号