如何使CSS文件比另一个CSS文件更重要？

Question

如何使CSS文件比另一个CSS文件更重要？

我希望css.css覆盖所有的类,标签和ID bootstrap.min.css 而不重复类,标签和ID bootstrap.min.css.

<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/css.css" rel="stylesheet">

Run Code Online (Sandbox Code Playgroud)

Answer 1

Juk*_*ela 11

没有这样的魔力.CSS有自己的原则,例如级联,你不能关闭它们.

您可以在引用css.css之后放置引用bootstrap.min.css,但这只是解决CSS规则应用方式的一个因素.添加!important(通常是错误设计的症状)只是另一个因素:如果其选择器具有更高的特异性,则!important早期文件中的!important规则可能会覆盖您的规则.

要覆盖CSS规则,您需要分析要覆盖的规则,并按级联原则设置"获胜"的规则.

Answer 2

Rob*_*est 10

很简单,最后包含更重要的CSS文件.

这还不够.如果在不太重要的css文件中有`div .some-class {}`,则不能用`.some-class {}`覆盖它,但它可能被`p .some-class {}`覆盖,具体取决于HTML结构.它只是拥有CSS文件的顺序要复杂得多.特别是因为OP说'不重复类,标签和ID',所以他不想清楚他想要什么,但我认为这意味着他不想使用相同的规则. (2认同)
@Dan,这个问题很简单,需要一个简单的答案.当然,你说的是正确的,但问题的标题纯粹是为了使一个文件比另一个文件更重要. (2认同)

归档时间：	13 年，7 月前
查看次数：	41274 次
最近记录：	13 年，7 月前