前端H5初学笔记（二）

1. 伪类
   a:link 未访问过的链接。
   a:visited 访问过的链接，浏览器通过历史记录判断一个链接是否访问过，由于涉及到用户的隐私问题，所以visited伪类只能设置字体颜色。
   :hover 鼠标移入的状态。
   :active 超链接被点击的状态。
   四个标签顺序不能改变，lvha。

   :hover和:active也可以为其他元素设置，但在IE6中不支持。

   :focus 获取焦点。
   :before 指定元素前，一般before需要结合content样式一起使用，通过content给before或者after位置添加内容。
   :after 指定元素后。
   ::selection 选中的元素，在火狐中使用方式为::-moz-selection ，并且这种形式只支持火狐。

2. 伪元素
   使用伪元素表示元素中的一些特殊位置。
   :first-letter 为第一个元素设置一个特殊的样式。
   :first-line 为元素中的第一行赊着特殊的样式。

3. 属性选择器
   语法：
   [属性名] 选取含有指定属性的元素。
   [属性名=”属性值”] 选取含有指定属性值的元素。
   [属性名^=”属性值”] 选取属性值以指定内容开头的元素。
   [属性名$=”属性值”] 选取属性值以指定内容结尾的元素。
   [属性名*=”属性值”] 选取属性值包含指定内容的元素。

4. 子元素伪类
   :first-child 选中第一个子元素。
   :last-child 选中最后一个子元素。
   :nth-child() 选中任意位置的子元素，在该选择器指定参数，even表示偶数位置的子元素，odd表示奇数位置的子元素。
   :first-of-type() 、 :last-of-type() 、 :nth-of-type() 与child的区别是child是在所有的子元素中排列，而type是在当前类型的子元素中排列。

5. 兄弟选择器
   语法：
   前一个元素 + 紧挨着的后一个元素
   前一个元素 ~ 后边所有的元素

6. 否定伪类
   作用：可以从已选中的元素中剔除出某些元素。
   语法： :not(选择器)

7. 样式继承
   背景、边框、定位相关的样式都不会被继承。

8. 选择器优先级
   内联样式：1000
   id选择器：100
   类和伪类：10
   元素选择器：1
   通配*：0
   继承的样式没有优先级
   当包含多种选择器时，需要将多种选择器的优先级相加再进行比较。
   选择器优先级不会超过他最大的数量级，如果选择器的优先级一样则使用靠后的样式。
   在样式的最后设置 !important 时则该样式将会获得一个最高的优先级，将会优先于所有的样式甚至超过内联样式，但在开发中尽量 避免使用这个。