一、基本选择器

  • *： 选择所有元素.
  • .class：选择给定样式类名的所有元素。
  • element：根据给定（html）标记名称选择所有的元素。
  • #id：选择一个具有给定id属性的单个元素。
  • selector1, selector2, selectorN：将每一个选择器匹配到的元素合并后一起返回。

二、层级选择器

  • parent > child：选择所有指定“parent”元素中指定的"child"的直接子元素。
  • ancestor descendant”：选择给定的祖先元素的所有后代元素。
  • prev + next：选择所有紧接在 “prev” 元素后的 “next” 元素
  • prev ~ siblings：匹配 “prev” 元素之后的所有兄弟元素。具有相同的父元素，并匹配过滤“兄弟姐妹”选择器。

三、表单选择器

  • :button ：选择所有按钮元素和类型为按钮的元素。
  • :checkbox ：选择所有类型为复选框的元素。
  • :file ：选择所有类型为文件（file）的元素。
  • :focus ：选择当前获取焦点的元素。
  • :image ：选择所有图像类型的元素。
  • :input ：选择所有 input, textarea, select 和 button 元素.
  • :password ：选择所有类型为密码的元素。
  • :radio ：选择所有类型为单选框的元素。
  • :reset ：选择所有类型为重置的元素。
  • :submit ：选择所有类型为提交的元素。
  • :text ：选择所有类型为文本的元素。
  • :checked ：匹配所有勾选的元素。
  • :disabled ：选择所有被禁用的元素。
  • :enabled ：选择所有可用的元素。
  • :selected ：选择所有被选中的元素。