覆盖外部样式表

时间:2014-05-20 06:28:01

标签: html css css3 twitter-bootstrap stylesheet

我目前正在使用Bootstrap 3来创建一个具有我想要修改的样式的网页。我有引导程序css和我的自定义css正确链接到网页,因为我将后一个样式表链接到前者后,我希望我的自定义外部样式表将覆盖我想要更改的Bootstrap样式。

毋庸置疑,它没有用。很多嵌入式样式看起来很粗糙,而且我不想对Bootstrap css进行任何更改,所以我想知道你们中是否有人知道获取一个外部css文件的一些好方法覆盖另一个。

(已经尝试过给它一个特定的ID,但无济于事。)

2 个答案:

答案 0 :(得分:3)

CSS自上而下读取,因此代码中的任何内容都会覆盖已经看过的内容。

如果某些事情没有生效,那是因为还有一些其他代码会覆盖它。使用元素检查器(如Webkit Dev Tools或Firebug)查看正在应用的样式以及如何应用。

!important is also needed to override anything marked as !important in the "higher" css file(来自@BFDatabaseAdmin)

阅读:When Using !important is The Right Choice

答案 1 :(得分:0)

  1. 可能是您的自定义外部样式表未正确链接。检查自定义样式表上的任何404状态。

  2. 确保您没有拼错任何内容

  3. 可能的解决方案是在属性的末尾添加!important。 .alert-info {     background-color:#4D98D2!important; }