html选择符样式优先级

1、同级选择符

同级选择符的样式默认后者覆盖前者

2、类型选择符优先级

原则：假如默认的类型选择符1个为1，那么两个类型选择符加起来就是2，以此类推，即2优先于1

3、class选择符优先级

原则：1.假定class选择符默认优先级为10 2.同级样式优先级默认后者覆盖前者 3.优先级：类型（1）

代码结果对照比较：图1-图2；图三-图四；图五-图六

4、id标识符优先级

原则：1.假定id标识符的优先级为100 2.优先级顺序：类型（1）<class(10)<id(100)

5、style行间样式标识符 

原则：优先级顺序：类型（1）<class(10)<id(100)<style行间样式

6、JS样式 

原则：优先级顺序：类型（1）<class(10)<id(100)<style行间样式<JS样式