Is there a shortcut for setting !important on every property in a CSS file?

后端 未结 4 474
情歌与酒
情歌与酒 2021-01-14 00:00

I have a large CSS file for which I would like to add !important to every CSS property. Is there one-line shortcut to make a whole .css file !important

相关标签:
4条回答
  • 2021-01-14 00:08

    No. Using !important should only be in specific no-other-way cases. It is not intended to be applied to a whole stylesheet document.

    If you are thinking about overwriting so many rules why not just not include the rules you want to overwrite?

    0 讨论(0)
  • 2021-01-14 00:12

    No. Also, don't overuse !important: it should be a last resort. The effect of applying !important to all CSS declarations is equivalent to having no !important added to each declaration.

    Use more specific selectors (#id) instead of adding !important if you want a certain property to take precedence.

    0 讨论(0)
  • 2021-01-14 00:24

    Is it not possible to move the CSS file link to be the last one being referenced and hence takes precedence over all other CSS files above it?

    0 讨论(0)
  • 2021-01-14 00:30

    If your goal is to override styles by importing another stylesheet, you should use the order of precedence.

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

    Here the style.css is the original and style-override.css would contain your new custom css. These styles will override the styles from style.css. This means you won't need to use !important because the style is overwritten.

    Alternatively you could add in a CSS reset to remove all styles and build on-top of that.

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

    Check out a CSS reset at http://meyerweb.com/eric/tools/css/reset/ and add it to reset.css.

    0 讨论(0)
提交回复
热议问题