我目前正在使用Bootstrap 3来创建一个具有我想要修改的样式的网页。我有引导程序css和我的自定义css正确链接到网页,因为我将后一个样式表链接到前者后,我希望我的自定义外部样式表将覆盖我想要更改的Bootstrap样式。
毋庸置疑,它没有用。很多嵌入式样式看起来很粗糙,而且我不想对Bootstrap css进行任何更改,所以我想知道你们中是否有人知道获取一个外部css文件的一些好方法覆盖另一个。
(已经尝试过给它一个特定的ID,但无济于事。)
答案 0 :(得分:3)
CSS自上而下读取,因此代码中的任何内容都会覆盖已经看过的内容。
如果某些事情没有生效,那是因为还有一些其他代码会覆盖它。使用元素检查器(如Webkit Dev Tools或Firebug)查看正在应用的样式以及如何应用。
!important is also needed to override anything marked as !important in the "higher" css file
(来自@BFDatabaseAdmin)
答案 1 :(得分:0)
可能是您的自定义外部样式表未正确链接。检查自定义样式表上的任何404状态。
确保您没有拼错任何内容
可能的解决方案是在属性的末尾添加!important。 .alert-info { background-color:#4D98D2!important; }