一，基本选择器及其扩展

  id #，类 .，元素 元素名，通配符 *css按钮不可点击属性，分组 （结合符），后代 空格隔开两代.

  子元素选择器，（>），直接子代选择器，就是只有儿子不会有后几代的。如#wrap > div,就是在名为wrap下面的直接子类选择器。如#wrap div，就是它下面的所以div，不管几代以后都有。

  相邻兄弟选择器， （+），直接相邻兄弟选择器（紧跟，也就是它的下一个），如#wrap>#first + .inner它只会指定到wrap的直接子类选择器的直接相邻兄弟选择器（不管次类之中有无内容）。

  通用兄弟选择器， （~），如#wrap #first ~ div，它表示选择wrap的子类的兄弟类div（仅仅只有兄弟，不能加上兄弟的后代）。

  二，属性选择器

  存在和值选择器

  存在：

  格式如div[name]{}它表示在div中存在name属性的就可以进行设置。

  值：

  格式如div[name~="something"]{}它表示在div中有那么属性的并且name属性的值还必须有something，这样就是值的选择。

  子串值属性选择器：

  | 它是属于值属性选择器的一种，格式如div[name|="something"],它只能识别在div属性中存在name属性并且是以something或者something-开头的div（特别注意，只能有这两种格式的存在，something后面不能用空格与后面的内容隔开）。

  ^ 与上结构类似，它的功能是选择以something开头的div。

  $结构类似，功能是以something结尾的div

  *结构类似，功能是包括something的div。

  三：伪类与伪元素选择器

  注：link和visited必须放在hover和active后面

  01 链接伪类

  link：

  表示作为一个超链接，并指向一个未访问的地址的所以锚。只能用作链接使用。

  visited：

  表示作为一个超链接，并指向一个已经访问过的地址，只用与colre，backgrand—cloer，bordre-coler。

  target（锚点伪类）：

  格式 ：target{}在有多个超链接与div（或者其他元素），在此之前需要将div的格式display为none，当div的name和a的name一样的时候，我们可以用这个锚点伪类进行块的交换（如同JS里的行为）。但是这样有几个缺陷，一开始不能给div进行设置，二，当div显示以后无法进行抹去。

  ：target意义表示一个元素css按钮不可点击属性，这个元素的id必须是一个uri片段，也就是在设置a的name的时候要在前面加上一个#，而#后面就表示为一个uri片段，这样才能使用。

  02 动态伪类

  动态伪类可以用在div上面

  hover：表示进行触碰的时候会进行的一系列的变化。

  active：在你点击的时候（不松开）进行一系列的变化。

  03 表单伪类

  在表单里使用的伪类。

  匹配可输入的表单：

  格式 input：enabled{} 表单格式（也就是在H5中设置的，下同）

  匹配被禁用的表单：

  格式 input：disabled{}表单格式

  匹配被选中的表单：

  格式 input：checked{}表单格式

  匹配获取的表单：

  格式 input：focus{} 表单格式，也就是当你点击的时候会做出的一系列动作。

  *自定义单选按钮：

  首先，h5内的格式使用label来进行

  这是一个按钮，span可以使用input的功能，就是可以点击选择。如果是单选按钮的话就一定要保持name一致。这就是h5的格式。

  在css中，就可以自己定义，但是我们需要将input图标移出去，这样就可以让它消失。label是一个内联元素，不是自定义样式，可以先让它浮动，在进行大小的设置。也可以设置颜色。