css - 样式优先级是如何确定的

问题描述

问 题

这里的btn 和 navbar-toggle都设置了display,但是浏览器优先识别的是btn的display，我即使调整两个类的顺序，还是btn起作用，如何才能使navbar-toggle优先级更高呢？ 我想让屏幕大于768时 button不显示，除了设置btn的dispaly为none，还有没有别的方法

解决方案

想要让navbar-toggle的优先级更高，可以在属性设置的后面加上（！important）
例如：
.navbar-toggle{width:800px !important;}
另外想让button不显示有两种情况：
1）用display：none；
这种是不占位隐藏，即其他的元素会认为该元素不在了，会占用该元素的位置。
2）用visibility：hidden；
这种是占位隐藏，其他元素不会占用该元素的位置。

希望以上对你有帮助。

这篇关于css - 样式优先级是如何确定的的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！