CSS 标签选择器优先级(读取优先级)
2016-03-10
CSS初学感觉很简单，但随着学习的深入才感觉CSS的水由多深，平常总会遇到各种坑。
我们来说下大小写不敏感
虽然我们平时在写CSS的时候都是用小写，但其实CSS并不是大小写敏感的。
例如：把background-color写为了background-COLOR，但仍然会生效，之所以写成小写是因为xhtml标准的关系，但是即使不是xhtml还是写成小写比较好，美观、易读而且可以应对可能的转换需求。
选择器优先级
当两个规则都作用到了同一个html元素上时，如果定义的属性有冲突，那么应该用谁的值的，CSS有一套优先级的定义。
不同级别
1.在属性后面使用 !important 会覆盖页面内任何位置定义的元素样式
2.作为style属性写在元素内的样式会覆盖页面内任何位置定义的元素样式
3.id选择器
4.类选择器
5.标签选择器
6.通配符选择器
7.浏览器自定义或继承
同一级别
同一级别中后写的会覆盖先写的样式上面的级别还是很容易看懂的，但是有时候有些规则是多个级别的组合，像这样，如下图：
到底div是应用那条规则呢，有个简单的计算方法（七七提示，权值实际并不是按十进制，用数字表示只是说明思想意思，一万个class也不如一个id权值高）
内联样式表的权值为1000
ID 选择器的权值为 100
类选择器的权值为 10
标签选择器的权值为 1
我们可以把选择器中规则对应做加法，比较权值，如果权值相同那就后面的覆盖前面的了，div.class的权值是1+10=11，而.bg1 .bg2的权值是10+10=20，所以div会应用。.bg1 .bg1 2变成红色。如图：
