:nth-child(n) 选择器匹配属于其父元素的第 N 个子元素,不论元素的类型。 n可以是数字、关键词或公式。 但只看文字描述其实还是很难知道其中的作用逻辑,所以还是通过代码来进行演示更加简单。 12345678910 li{ 去掉li的默认样式list-style:none; }li:nth-child(2n-1){color: aqua; }li:nth-child(2...
nth-last-child(3)(倒数第三个) 注意点: 选择器匹配属于其父元素的第 N 个子元素,不论元...
最后,h3:nth-child(1)可以将替换为h3:first-child,因为CSS2选择器具有更好的浏览器支持。
更正html,删除相邻的兄弟并在标签中添加display:inline-block(默认为inline-element)