我正在使用新的 bootstrap 3.0 玩弄网站的前端,并通过在 Firebug 中刺激来微调一些东西,但我一直注意到一些奇怪的事情
即使我的<head>
是这样布置的
<link rel="stylesheet" href="bootstrap.css">
<style>
td {padding:0px;}
<style>
在内部(我只在开发期间使用)之前声明外部 css,外部样式仍然覆盖它们。
获取padding:0px;
为了工作,我需要将其设置为 padding:0px !important;
为什么会这样……我认为最后声明的 css 总是会覆盖先前声明的 css 冲突。
最佳答案
CSS 优先级是关于 !important
、来源(用户与浏览器)、特异性然后是顺序。 Here是一个很好的解释。
关于css - 内部样式表被之前在 html 文档中声明的外部 css 覆盖,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18027783/