用户代理样式表覆盖我的表格样式? Twitter Bootstrap

我正在使用twitter引导。 我的问题是,表中的字体大小是错误的。 出于某种原因,用户代理样式表正在覆盖引导表样式。

在twitter引导页面( http://twitter.github.com/bootstrap/base-css.html ),一切当然正常工作。

在我的督察中,我看到以下不同之处:

我的页面:

我的页面的CSS样式

twitter引导页面:

twitter引导页面的CSS样式

所以绝对的问题是,用户代理样式表覆盖了引导样式。

我一直无法弄清楚为什么这是不同的我的网页和twitter引导页面。

大多数其他的CSS工作正常。

我的CSS导入:

<link href="/media/bootstrap/css/bootstrap.css" rel= "stylesheet"> 

在twitter引导页上的CSS导入:

 <link href="assets/css/bootstrap.css" rel="stylesheet"> 

我其实是自己想出来的。 我错误地写了<!DOCTYPE html>标签。 所以,如果你有这个问题,请确保doctype声明是正确的!

请将docs.css导入到您的应用程序中。 如果我必须这样说,那么您一定意识到Twitter Bootstrap Docs正在使用bootstrap.css和一个自定义docs.css。 试试做,你可以从github包下载。 然后,尝试在文档中使用表格类。 CSS没有搞乱主CSS。 或者尝试在标题中添加DOCTYPE。

 <link href="/media/bootstrap/css/docs.css" rel= "stylesheet"> 

如果在开始时声明<!DOCTYPE html>不起作用,那么它可能不是您的用户代理样式表。 它可能是Bootstrap的样式表覆盖你的样式(我有这个问题)。 确保您的样式表链接到HTML中的Bootstrap样式表之后

 <link href="css/bootstrap.min.css" rel="stylesheet"> <link href="css/mystylesheet.css" rel="stylesheet"> <!-- Your custom style sheet goes after Bootstrap's --> 

我和OP有同样的问题。 我想要可爱的小文本和一些用户样式表,并把它放在:

 font-size: medium; 

当我想要的时候:

 font-size:8pt; 

我把以下放在我的HTML页面的顶部:

 <!DOCTYPE html> 

所有这一切都是好的,一个不好的习惯,就是不要在顶部宣布文档types。 所有的用户样式performance在都消失了。

要发现什么是重写CSS上的内容,检查元素(F12)总是一个好主意,并且您可以随时修改和取消属性,直到您到达正确的位置,然后使用它更新您的CSS文件!

但是,如果你有一个用户样式表的问题,这些值将被locking。

检查您的CSS是否在浏览器开发工具(按F12)在networking栏下被调用。

如果没有调用,使用你的样式表1 rel="stylesheet" type="text/css"

它为我工作。