笔试之css优先级问题

此内容是在2015.11.2 在拓尔思笔试中所遇的选择基础题，当时是懵的…

• ①：样式的优先级：

内联样式 (标签行中的style="") > 内部样式(`<style></style>`中的内容) > 外部样式(由link标签引入的css样式)
例外（若外部样式放在内部样式后面，则外部样式将会覆盖内部样式）

• ②：选择器的优先权：

1.内联样式权值最高为1000
2.ID选择器权值为100
3.class类选择器权值为10 (或属性选择器或伪类)
4.HTML标签选择器权值为1 (或伪元素)

• ③：css优先级法则：

1.权值越大，越优先
2.当权值相等时，后出现的样式要优先于先出现的样式表设置(层叠概念)
3.！important规则优先级最大
4.继承的优先级要小于后来指定的
！important > 内联样式 > ID > class([]/:) > html标签

• ④：超链接伪类选择器顺序： L - V - H - A
  ：link -> :visited -> :hover -> :active

• ⑤：伪元素选择器包括（:first-letter,:first-line,:before,:after）