gpt4 book ai didi

css - Bootstrap css 文件覆盖其他文件

转载 作者:行者123 更新时间:2023-11-28 11:35:21 25 4
gpt4 key购买 nike

<link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet"/>

如果我在我的代码中使用这个 .css 文件,它会覆盖我之前自己编写的 .css 文件,我如何先加载我的 .css 文件,如果我找不到 css 然后转向 bootstrap 。 CSS 文件?

最佳答案

我猜你的 css 声明看起来像这样

<link rel="stylesheet" type="text/css" href="yourcss.css" />
<link rel="stylesheet" type="text/css" href="bootstrap.css" />

你应该把它们倒过来

<link rel="stylesheet" type="text/css" href="bootstrap.css" />
<link rel="stylesheet" type="text/css" href="yourcss.css" />

原因是任何靠近 body 标签的 css 都将被视为第一优先级。如果 yourcss.css 中的元素与 bootstrap.css 中的元素具有相同的名称,则 bootstrap.css 的元素将被覆盖。如果您不想覆盖这些,请确保您的 css.css 中的每个项/类/id 名称都不同。为您的 css 赋予每个标签不同的类名这一最佳做法。

关于css - Bootstrap css 文件覆盖其他文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28849945/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com