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：禁用状态的元素