Question

我有一个大的CSS文件，我想为每个CSS属性添加!important。是否有单行快捷方式可以创建整个.css文件!important？

Answer 1

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

<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。

Answer 2

没有。另外，不要过度使用!important：它应该是最后的手段。将!important应用于所有CSS声明的效果等同于每个声明都没有添加!important。

如果您希望某个属性优先使用，请使用更具体的选择器（#id），而不是添加!important。

Answer 3

没有。使用！important应该只在特定的其他情况下使用。它不适用于整个样式表文档。

如果您正在考虑覆盖这么多规则，为什么不包括您要覆盖的规则？

Answer 4

是否无法将CSS文件链接移动到被引用的最后一个链接，因此优先于其上方的所有其他CSS文件？

在CSS文件中的每个属性上都有设置！important的快捷方式吗？

4 个答案: