html5+子元素选择器,CSS3子元素选择器.html

CSS3选择器

/*ul:nth-child(1){

background:red;

}

ul:nth-child(2){

background:green;

}*/

/*ul:nth-child(1) li:nth-child(odd){

background:red;

}

ul:nth-child(1) li:nth-child(even){

background:green;

}

ul:nth-child(2) li:nth-child(4n+1){

background:blue;

}*/

/*ul:nth-child(2) li:nth-child(2n+5){

background:blue;

}*/

/*ul:nth-last-child(1) li:nth-last-child(3){

background:blue;

}*/

/*ul:nth-last-child(1) li:nth-last-child(-n+5){

background:blue;

}

span:only-child{

background:red;

}*/

ul:nth-of-type(1) li:nth-of-type(3n+5){

background:red;

}

/*ul:nth-last-of-type(1) li:nth-last-of-type(-n+4){

background:red;

}*/

我是DIV

• 项目1
• 项目2
• 项目3
• 项目4
• 项目5
• 项目6
• 项目7
• 项目8
• 项目9
• 项目10

• 列表1
• 列表2
• 列表3
• 列表4
• 列表5
• 列表6
• 列表7
• 列表8
• 列表9
• 列表10

span标签

2

一键复制

编辑

Web IDE

原始数据

按行查看

历史