Home/ Questions/Q 6636257
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-25T23:09:48+00:00

I imported another stylesheet using @import in the main style sheet file. I would

  • 0

I imported another stylesheet using @import in the main style sheet file. I would like the changes I have made in the @import stylesheet to override the main style sheet. Is this possible?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    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.

    Avoid !important whenever you can.

    To do @import

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

    Also as a side note if you would rather remove all styles from the page, use a css reset.

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

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

    • 0