如何判断CSS中不同类型的选择器的优先级和权重

2024-10-11 18:57:08

1、第一,打开HBuilderX开发工具,新建HTML5页面文件,然后插入两个div标签,并在内层div设置背景色

如何判断CSS中不同类型的选择器的优先级和权重

3、第三,保存代码并打开浏览器,查看界面背景色,结果发现是蓝色,正好是标签上绑定样式,说明内联样式比类选择器(内部样式)优先级要高

如何判断CSS中不同类型的选择器的优先级和权重

5、第五,保存代码并刷新浏览器,结果发现界面背景色发生了改变,说明!important优先级比内联式要高

如何判断CSS中不同类型的选择器的优先级和权重
猜你喜欢