我可以这样理解优先级么?

来源:3-36 选择练习

柠檬楠

2021-01-25 14:27:53

优先级:

!impontant>行内样式>内嵌式>外链式

!impontant>id选择器>类选择器>标签选择器


写回答

1回答

好帮手慕久久

2021-01-25

同学你好,解答如下:

1、“!impontant>id选择器>类选择器>标签选择器”这条理解是对的。

1、“!impontant>行内样式>内嵌式>外链式”这条理解不太对。正确理解如下:

!impontant>行内样式>(内嵌式和外链式);而内嵌式和外链式的优先级,取决于二者的书写位置,后面的会覆盖前面的,如下:

http://img.mukewang.com/climg/600e6688095e9a8807540359.jpg

http://img.mukewang.com/climg/600e669109b282b205440107.jpg

http://img.mukewang.com/climg/600e66b0095a20c509450144.jpg

先内嵌,后外链b的效果是div的背景色是粉色:

http://img.mukewang.com/climg/600e670a09422d7314620313.jpg

这两条规则,适用于在权重相同的情况下。如果权重不同,则以权重最大的为准。

祝学习愉快!

1

0 学习 · 15276 问题

查看课程