前端(02 HTML知识)

作业答案:

  1. plate 元素选择器
  2. bento 元素选择器
  3. #fancy id选择器
  4. plate apple 后代选择器
  5. #fancy pickle 交集选择器
  6. .small 类选择器
  7. bento .small,plate .small 并集选择器
  8. bento orange.small 交集选择器
  9. bento,plate 并集选择器
  10. * 通配选择器
  11. plate * 交集通配选择器
  12. plate+apple 兄弟选择器(后边一个元素)
  13. bento ~ pickle 兄弟选择器(后边所有元素)
  14. plate > apple 子元素选择器
  15. plate :first-child 子元素选择器(为第一个子元素)
  16. apple,plate pickle 并集选择器
  17. apple,pickle 并集选择器
  18. plate:nth-child(3) 子元素选择器(为指定位置的子元素)
  19. bento:first-of-type 子元素选择器(为bento标签第一个子元素)
  20. apple:first-of-type 子元素选择器(为apple标签第一个子元素)
  21. plate:nth-of-type 子元素选择器 (为plate标签偶数子元素)
  22. plate:nth-child(2n+3) 子元素选择器(选择第2n+3个plate元素)【公式2n+3中n是计数器(从0开始)3是偏移值】
  23. orange:last-of-type,apple:last-of-type 子元素选择器(选择最后一个标签)| 并集选择器
  24. bento:empty 选择bento标签没有子元素的元素
  25. apple:not(.small) 子元素选择器 (否定伪类)

1.否定伪类




    
    否定伪类
            


    

不知所谓

不知所谓

不知所谓

不知所谓

2.CSS选择器基本语法 (选择器 声明块)




    
    CSS
    
            


    
    

呦呦呦呦

呦呦呦呦

呦呦呦呦

3.选择器的优先级




    
    选择器的优先级
            


    

只是p标签

这是一个段落标签

这是p标签中的span

你可能感兴趣的:(前端(02 HTML知识))