作者:心梦飞扬-吕 | 来源:互联网 | 2022-10-15 16:01
bootstrap可以通过子选择器增加权重来更改bootstrap的默认样式。选择器优先级排序:!important>行内样式>ID选择器>类选择器>标签>通配符>继承>浏览器默认属性。
使用 !important 是一个坏习惯,应该尽量避免,因为这打断了样式表中的固有的级联规则 使得调试找bug变得更加困难了。当两条相互冲突的带有 !important 规则的声明被应用到相同的元素上时,拥有更大优先级的声明将会被采用。
查询的经验:
永远不要在全站范围的 css 上使用 !important。
只在需要覆盖全站或外部 css(例如引用的 ExtJs 或者 YUI )的特定页面中使用 !important。
永远不要在你的插件中使用 !important。
要优化考虑使用样式规则的优先级来解决问题而不是 !important。
以上就是bootstrap可以更改样式吗的详细内容,更多请关注其它相关文章!