logo标签列表

CSS文件中有一种快捷方式可以将每个属性设置为!important吗？

css
3

我有一个大型的CSS文件，我想在每个CSS属性中添加!important。是否有一行快捷方式可以使整个.css文件都变成!important？

2
这真的是根本问题吗？我怀疑你可能已经成为了XY问题的受害者。如果我错了，请纠正我 :) - Michael Jasper
4个回答
4
如果您的目标是通过导入另一个样式表来覆盖样式，那么您应该使用优先顺序。
<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，因为样式已被覆盖。

或者，您可以添加CSS重置以删除所有样式并在此基础上构建。

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

请查看 http://meyerweb.com/eric/tools/css/reset/ 上的CSS重置，并将其添加到reset.css文件中。

4

不行。同时，不要过度使用!important：这应该是最后的手段。将!important应用于所有CSS声明的效果相当于在每个声明中都没有添加!important。

如果你想让某个属性优先生效，请使用更具体的选择器（如#id），而不是添加!important。

2

不要滥用 !important。只有在特定的无法处理的情况下才应该使用它，而不是将其应用于整个样式表文档。

如果你想覆盖那么多规则，为什么不直接不包含你想要覆盖的规则呢？

0

将CSS文件链接移动到最后一个被引用的位置，从而优先于其上方的所有其他CSS文件，这不可能吗？

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接