序选择器 :

来源:互联网 发布:软件开发甘特图 编辑:程序博客网 时间:2024/06/02 10:48


不兼容的时候,用类选择器class=''       ''来选中它,从而解决问题。

<!DOCTYPE html>

<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
ul li:first-child{color:red;}                                        /*  序选择器:    */
ul li:last-child{color:blue;}                                      /*IE9开始兼容*/
ul li:nth-child(3){color:yellowgreen;}                   /*IE9开始兼容*/
ul li:nth-child(3n+2){color:pink;}                         /*IE9开始兼容*/
</style>
</head>
<body>
<ul>
<li>项目1</li>
<li>项目2</li>
<li>项目3</li>
<li>项目4</li>
<li>项目5</li>
<li>项目6</li>
<li>项目7</li>
<li>项目8</li>
<li>项目9</li>
<li>项目10</li>
<li>项目11</li>
<li>项目12</li>
</ul>
</body>
</html>
0 0
原创粉丝点击