CSS伪类nth-child怎么使用

　　nth-child是一个伪类，它为选择器添加条件，并允许您将样式应用于子元素的第n个（nth）。

　　当你想要交替设置背景颜色以便在包含许多项目的表格中轻松查看时，nth-child就变得非常有用。

　　下面我们就来看nth-child的使用方法

　　nth-child的描述如下

　　元素:nth-child(值){样式的内容}

　　除了数字，2n+1和一些数学表达式之外，even（偶数）等可以被设置为值。

　　仅应用于偶数时：2n或even

　　仅应用于奇数：2n+1或odd

　　还有其他情况，下面我们来看具体的应用实例

　　首先HTML代码如下

　　<!DOCTYPEhtml>

　　<html>

　　<head>

　　<metacharset="utf-8">

　　<linkrel="stylesheet"href="sample.css"type="text/css">

　　</head>

　　<body>

　　<ultype="square">

　　</ul>

　　</body>

　　</html>

本文转载自中文网

如需转载，请注明文章出处和来源网址：http://www.divcss5.com/css3-style/c56358.shtml