任务一为什么选择li与a效果不一样

来源:7-8 切换背景图像综合练习题

慕粉2133123235

2017-01-18 21:49

.clearfix li:nth-of-type(1)只有1个有,.clearfix a:nth-of-type(1)全部都选择了

写回答 关注

2回答

  • 且行且戨
    2017-04-14 22:54:54

    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等等 

  • 我吃西瓜很快
    2017-01-19 21:02:03

    .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

本课程为CSS3入门教程,深刻详解CSS3知识让网页穿上绚丽装备

242553 学习 · 2623 问题

查看课程

相似问题