一，基本选择器及其扩展
id #，类 .，元素 元素名，通配符 *，分组 （结合符），后代 空格隔开两代.
子元素选择器，（>），直接子代选择器，就是只有儿子不会有后几代的。如#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意义表示一个元素，这个元素的id必须是一个uri片段，也就是在设置a的name的时候要在前面加上一个#，而#后面就表示为一个uri片段，这样才能使用。
02 动态伪类
动态伪类可以用在div上面
hover：表示进行触碰的时候会进行的一系列的变化。
active：在你点击的时候（不松开）进行一系列的变化。
03 表单伪类
在表单里使用的伪类。
匹配可输入的表单：
格式 input：enabled{} 表单格式<input type="text" />（也就是在H5中设置的，下同）
匹配被禁用的表单：
格式 input：disabled{}表单格式<input type="text" display=“display”>
匹配被选中的表单：
格式 input：checked{}表单格式<input type=“checkbox” />
匹配获取的表单：
格式 input：focus{} 表单格式<input type="text" />，也就是当你点击的时候会做出的一系列动作。
*自定义单选按钮：
首先，h5内的格式使用label来进行
<label>
<input type="radio" name="something" />
<span></span>
</label>
这是一个按钮，span可以使用input的功能，就是可以点击选择。如果是单选按钮的话就一定要保持name一致。这就是h5的格式。
在css中，就可以自己定义，但是我们需要将input图标移出去，这样就可以让它消失。label是一个内联元素，不是自定义样式，可以先让它浮动，在进行大小的设置。也可以设置颜色。