我们发现后写的内容并不一定会层叠掉先写的内容,它是如何层叠的呢?
我们需要来了解下这节课的内容。
1.什么是优先级?
作用:当多个选择器选中同一个标签,并且给同一个标签设置相同的属性时,如何层叠就由优先级来确定。
2.优先级判断的三种方式
2.1 是否是直接选中(间接选中就是指继承)
如果是间接选中,那么就是谁离目标标签近就听谁的,无论你将li写的在ul前还是ul之后,它都是离p比较近的,肯定听它的
发现样式还是变红了
2.2是否相同的选择器
如果都是直接选中,并且都是同类型的选择器,那么就是谁写在后面就听谁的了
2.3不同选择器
如果都是直接选中,并且不是相同类型的选择器,那么就会按照选择器的优先级来层叠。
id>类>标签>通配符>继承>浏览器默认
我们如何来验证呢?
1.浏览器默认
2.继承
将浏览器默认给冲突掉了
3.通配符
又将继承给冲突掉了
4.标签选择器
标签又将通配符给冲突掉了
5.类选择器
类又将标签给冲突掉了
6.id选择器