跟Joy姐学前端 css-day03

选择器种类多，到底哪一种更有效呢？万一不小心选中了同一个元素，样式冲突了，到底谁的代码说了算呢？

通过不同的选择器，选中了同一个元素，同一种样式发生冲突，样式由选择器权重来决定

内联样式 1，0，0，0

id选择器 0，1，0，0

类选择器 0，0，1，0

元素选择器 0，0，0，1

通配选择器 0，0，0，0

继承的样式 没有优先级

交集选择器 比较优先级时，将所有选择器的优先级进行相加，优先级越高，则优先显示 （选择器的累加不会超过其最大数量级 类选择器再高也不会超过id选择器） （如果优先级计算以后相同，优先使用靠下的样式）

！important 可以获取最高的优先级，甚至超过内联样式

总结：其实这节课的核心就是这几种选择器的权重，看似容易，但我有一点容易弄混，就是继承的优先级，Joy老师课上的举例非常巧妙，每次我都轻易入坑，哈哈，下次我要谨遵基本概念，省的再被绕进去。