我想上课。问题是我有两个CSS文件,它们在first.css中包含一个相同的命名类,而在second.css中包含另一个相同的类,链接CSS文件的顺序如下:
<link rel="stylesheet" href="bootstrap.css" />
<link rel="stylesheet" href="adminlte.css" />
adminlte.css用于我的界面,但是我喜欢引导表单的外观。每当我调用类表单控件时,它都由adminlte.css设置样式。
如何调用类form-control但使用Bootstrap中的类?
注意:我无法切换链接CSS文件的顺序。
最佳答案
您无法指定要使用的类规则版本,除非是按加载顺序或按特定性。由于Bootstrap使用独立的(非嵌套或堆叠式)选择器,因此您无法通过复合类选择器来提高特异性。这将使本地替代成为您唯一的手段。
从库文件中获取CSS块,然后使用style
标记将其放入文档中:
<style>
.form-control {
...
}
</style>
嵌入式样式会覆盖链接的样式表,因此,即使选择器相同,也要优先使用这些选择器。