CSS3属性选择符以及伪类详解

E:nth-child(n)

• 第1条内容
• 第2条内容
• 第3条内容
• 第4条内容
• 第5条内容
• 第6条内容

E:nth-last-child(n)

• 第1条内容
• 第2条内容
• 第3条内容
• 第4条内容
• 第5条内容
• 第6条内容

E:nth-of-type(n)

这里是第1个p

这里是第2个p

这里是第3个p

E:nth-last-of-type(n)

这里是第1个p

这里是第2个p

这里是第3个p

E:last-child

这里是第1个p

这里是第2个p

这里是第3个p

E:first-of-type

这里是第1个p

这里是第2个p

这里是第3个p

E:only-child

E:only-of-type

这里是唯一的1个p

E:empty

第一个p没有任何子元素和文本节点

第2个和第3个都不能显示背景色，因为有文本节点

这是第4个p，这里是充数的

这是第5个p，这里也是充数的

E:target

我是一个连接，我的href属性="#pc10-3"

这是第2个p

我是第3个p,我的有个id是pc10-3

第1个p里面的a目标是第三个p，所以第3个p变颜色

这是第5个p，没啥用

E:not(s)

这里是第1个p

这里是第2个p

这里是第3个p

这里是第4个p

这里是第5个p

E~f

这里是第1个p

这里是第2个p