Home/ Questions/Q 7431001
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-29T09:13:42+00:00

I have a style sheet file which imports three other css files: <link rel=stylesheet

  • 0

I have a style sheet file which imports three other css files:

<link rel="stylesheet" type="text/css" href="style.css" media="screen" />

style.css contains:

@import url("../ins/style.css");
@import url("commerce/css/style.css");
@import url("../in/custom.css");

I would like to improve the loading time and reduce the number of requests, so I want to combine the three css files into one in the same order as they are imported. but problem arise that all layout is messed up. I am really wondering why this is happening since import css file is the same as inlcuding them. any ideas? thanks for taking time to read.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    If commerce/css/style.css is the CSS file that holds the layout, it could be that that path is not correct for all pages. I would ensure that all paths are relative to root to ensure that they are correct across the site. This includes the original href url for your combination css file.

    I’m also not so sure if putting three imports in one css is less time for loading as opposed to linking them in the html. If you want to reduce load time you need to reduce number of loads somehow such as only loading internet explorer css when the browser is internet explorer etc.

    Let me know of anymore developments.

    • 0