我想上课。问题是我有两个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>


嵌入式样式会覆盖链接的样式表,因此,即使选择器相同,也要优先使用这些选择器。

09-25 16:49
查看更多