gpt4 book ai didi

css - 如何让我的@import 样式表覆盖主样式表?

转载 作者:技术小花猫 更新时间:2023-10-29 10:32:35 25 4
gpt4 key购买 nike

我在主样式表文件中使用 @import 导入了另一个样式表。我希望我在 @import 样式表中所做的更改覆盖主样式表。这可能吗?

最佳答案

如果您的目标是通过导入另一个样式表来覆盖样式,您应该使用优先顺序。

<head>
<title>Title</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<link href="style-override.css" rel="stylesheet" type="text/css" />
</head>

这里的 style.css 是原始的,style-override.css 将包含您新的自定义 css。这些样式将覆盖 style.css 中的样式。这意味着您不需要使用 !important,因为样式已被覆盖。

尽可能避免使用 !important。

做@import

<style type="text/css">
@import url("style.css");
@import url("style-override.css");
</style>

另请注意,如果您希望从页面中删除所有样式,请使用 css 重置。

<style type="text/css">
@import url("style.css");
@import url("reset.css");
@import url("style-override.css");
</style>

http://meyerweb.com/eric/tools/css/reset/ 查看 CSS 重置并将其添加到 reset.css。

关于css - 如何让我的@import 样式表覆盖主样式表?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7641082/

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