当前位置: 首页 > 工具软件 > Dinner > 使用案例 >

CSS餐厅选择器(CSS dinner)

上官景铄
2023-12-01

游戏地址

答案:

  1. 元素选择器: plate
  2. bento
  3. id选择器:#fancy
  4. 后代选择器(有空格的):
    plate apple
  5. id选择器+后代选择器:
    #fancy pickle
  6. 类选择器:.small
  7. orange.small
  8. bento orange.small
  9. 并集选择器:
    plate,bento
  10. *
  11. plate *
  12. 相邻选择器:plate+apple
  13. 选择跟随另一个元素的元素:
    bento~pickle
  14. 子选择器: plate>apple
  15. 选择另一个元素中的第一个子元素:
    orange:first-child
  16. plate>:only-child
  17. plate>apple:last-child,pickle
  18. :nth-child(3)
  19. bento:first-of-type
  20. apple:first-of-type
  21. plate:nth-of-type(even)
  22. plate:nth-of-type(2n+3)
  23. apple:only-of-type
  24. .small:last-of-type
  25. bento:empty
  26. apple:not(.small)
  27. [for]
  28. plate[for]
  29. bento[for="Vitaly"]
  30. [for^="Sam"],[for^="Sarah"]
  31. [for$="Hayato"],[for$="Minato"]
  32. [for*="Robbie"],[for*="Bobby"]

You did it!
You rock at CSS.

 类似资料: