课时86.优先级(掌握)

我们发现后写的内容并不一定会层叠掉先写的内容,它是如何层叠的呢?

我们需要来了解下这节课的内容。

1.什么是优先级?

作用:当多个选择器选中同一个标签,并且给同一个标签设置相同的属性时,如何层叠就由优先级来确定。

2.优先级判断的三种方式

2.1 是否是直接选中(间接选中就是指继承)

如果是间接选中,那么就是谁离目标标签近就听谁的,无论你将li写的在ul前还是ul之后,它都是离p比较近的,肯定听它的

发现样式还是变红了

2.2是否相同的选择器

如果都是直接选中,并且都是同类型的选择器,那么就是谁写在后面就听谁的了

2.3不同选择器

如果都是直接选中,并且不是相同类型的选择器,那么就会按照选择器的优先级来层叠。

id>类>标签>通配符>继承>浏览器默认

我们如何来验证呢?

1.浏览器默认

 

2.继承

将浏览器默认给冲突掉了

3.通配符

又将继承给冲突掉了

4.标签选择器

标签又将通配符给冲突掉了

5.类选择器

类又将标签给冲突掉了

6.id选择器

猜你喜欢

转载自www.cnblogs.com/luckyshuangshuang/p/9171749.html
今日推荐