CSS3 测验题

通过对CSS3 教程系统地学习,相信你已全面掌握 CSS3 选择器知识点,为了巩固所学的内容,我们准备了一个小测验。

通过这个测验,您可以检验自己对 CSS3 的掌握程度,发现可能需要进一步巩固的地方。


  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12

1. 哪个选择器用于选中所有直接子元素?

  • A + B
  • A > B
  • A ~ B
  • A B

2. 哪个选择器用于选中紧跟在某个元素后的同级元素?

  • A > B
  • A + B
  • A ~ B
  • A B

3. 哪个选择器用于选中所有后续同级元素?

  • A > B
  • A + B
  • A ~ B
  • A B

4. 哪个选择器用于选中具有特定属性的元素?

  • [attr]
  • :attr
  • #attr
  • .attr

5. 哪个选择器用于选中具有特定属性值的元素?

  • [attr]
  • [attr=value]
  • [attr~=value]
  • [attr|=value]

6. 哪个选择器用于选中属性值包含特定单词的元素?

  • [attr=value]
  • [attr^=value]
  • [attr~=value]
  • [attr$=value]

7. 哪个选择器用于选中属性值以特定字符串开头的元素?

  • [attr=value]
  • [attr^=value]
  • [attr$=value]
  • [attr*=value]

8. 哪个选择器用于选中属性值以特定字符串结尾的元素?

  • [attr$=value]
  • [attr^=value]
  • [attr*=value]
  • [attr~=value]

9. 哪个选择器用于选中属性值包含特定子字符串的元素?

  • [attr=value]
  • [attr*=value]
  • [attr~=value]
  • [attr^=value]

10. 哪个选择器用于选中第一个子元素?

  • :first-of-type
  • :nth-child(1)
  • :first-child
  • :last-child

11. 哪个选择器用于选中最后一个子元素?

  • :last-of-type
  • :nth-last-child(1)
  • :first-child
  • :last-child

12. 哪个选择器用于选中第n个子元素?

  • :nth-child(n)
  • :nth-of-type(n)
  • :first-child
  • :last-child