Skip to content
此页目录
本文总阅读量

CSS3 选择器

  • attr 选择属性

    • attr=value:选择属性匹配属性值

    • attr~=value:选择器属性匹配属性值,词组

    • attr^=value:选择属性匹配属性值,以 value 开头

    • attr$=value:选择属性匹配属性值,以 value 结束

    • attr*=value:选择属性匹配属性值,包含 value

  • 结构伪类

    • :first-child:选取属于父元素的首个子元素
    • :last-child:选取属于父元素的最后一个子元素
    • :nth-child(n):选取属于父元素的第 n 个子元素
    • :nth-last-child(n):选取属于父元素的第 n 个子元素,从最后一个子元素开始计数
    • :nth-of-type(n):选取属于父元素的特定类型的第 n 个子元素
    • :nth-last-of-type(n):选取属于父元素的特定类型的第 n 个子元素,从最后一个子元素开始
  • 状态伪类

    • a:link:正常的,未访问过的
    • a:visitied:访问过后的
    • a:active:激活中
    • a:hover:鼠标悬停

注意

a:hover 必须放在 a:link 和 a:visitied 之后,才有效

  • 表单伪类
  • :checked:被选中的元素
  • :enabled:可用的状态元素
  • :disabled:禁用状态的元素

评论

交流群