CSS 伪类和伪元素

CSS中的伪类和伪元素有哪些？

伪 类 &伪元素

• input
  • :checked 选中时
  • :focus 聚焦时
  • :disabled 禁用时
  • :enabled 可用时
  • :invalid 无效时
  • :valid 有效时
  • :read-only 只读时
  • :read-write 只写时
  • :required 必输时
  • :optional 可选时
  • :in-range 值在范围内时
  • :out-of-range 值在范围外时
• 主题
  • :root
    • 根元素
  • :empty
    • p:empty 选择没有子元素的p元素
  • :not(selector)
    • :not(p) p以外的元素
  • :target
    • #news:target
  • :lang(language)
    • p:lang(it) <p>元素lang属性值等于"it(Italian)"
• 伪元素
  • ::first-letter/::first-line
  • ::before/::after
• a
  • :link 未访问
  • :visited 已访问
  • :active 正在访问
  • :hover 鼠标移上
• -of-type
  • :first-of-type
  • :last-of-type
  • :nth-of-type(n)
  • :nth-last-of-type(n)
  • :only-of-type
• -child
  • :first-child
  • :last-child
  • :nth-child(n)
  • :nth-last-child(n)
  • :only-child
• ？
• 选择当前活动#news元素(点击URL包含锚的名字)