css - 内部样式表被之前在 html 文档中声明的外部 css 覆盖

标签 css twitter-bootstrap styles

我正在使用新的 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/

相关文章:

html - CSS3 flex 属性不起作用?

css - Bootstrap Grid System 新行看起来不太好

javascript - 如何在 Bootstrap 中加载页面时隐藏侧边栏?

javascript - jQuery Mobile Ajax 导航功能和 CSS 样式

javascript - 具有标准样式的 Google map 自定义按钮

javascript - 使用带有 'grace' 的 JavaScript 取消隐藏 div 元素?

html - 更改 Doctype 会中断页面​​样式

css - 为什么 @forward 命名前缀不适用于使用 Sass 的变量?

css - 当屏幕分辨率在 Bootstrap 3 中降低时从右到左堆叠列

html - 如何检查输入字段是否为空