用户代理样式表覆盖我的表格样式? Twitter Bootstrap
我正在使用twitter引导。 我的问题是,表中的字体大小是错误的。 出于某种原因,用户代理样式表正在覆盖引导表样式。
在twitter引导页面( http://twitter.github.com/bootstrap/base-css.html ),一切当然正常工作。
在我的督察中,我看到以下不同之处:
我的页面:
twitter引导页面:
所以绝对的问题是,用户代理样式表覆盖了引导样式。
我一直无法弄清楚为什么这是不同的我的网页和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"
。
它为我工作。