慕粉2133123235
2017-01-18 21:49
.clearfix li:nth-of-type(1)只有1个有,.clearfix a:nth-of-type(1)全部都选择了
ul 里面的li 是这样的 <ul><li></li><li></li><li></li><li></li></ul>所以你选li:nth-of-type(1)只有1个有也就是加粗的那个
li里面的a<li><a></a></li> 只有一个 其他的a 分别在每个li中,不是并列的,所以没法用a:nth-of-type(1-5)分别选,就像楼上说的,因为每个li中有,只有一个a ,所以你用a:nth-of-type(1)就会都被选中。
你想分别选就用li:nth-of-type(1) a::after li:nth-of-type(2) a::after等等
.clearfix li:nth-of-type(1) 是选择属于其父元素(.clearfix)的第一个li,所以只有一个li出来了
而 .clearfix a:nth-of-type(1)是选择属于其父元素(.clearfix>li>a)的第一个a,每一个a都是li下面的第一个子元素,所以就都有了
后面还有个 .clearfix li:nth-of-type(1) a:after
意思是第一个clearfix下面的li, 下面的a 的后面添加css格式
十天精通CSS3
242553 学习 · 2623 问题
相似问题