Browser Caching von CSS Dateien

Hallo,

ich würde gerne die @import-Zeilen aus der CSS-datei css/themes/base/jquery.ui.base.css in verlinkte Zeilen umwandeln für das Browser Caching.

Habe daher die Zeilen

@import "jquery.ui.core.css";

@import "jquery.ui.resizable.css";

@import "jquery.ui.selectable.css";

@import "jquery.ui.accordion.css";

@import "jquery.ui.autocomplete.css";

@import "jquery.ui.button.css";

@import "jquery.ui.dialog.css";

@import "jquery.ui.slider.css";

@import "jquery.ui.tabs.css";

@import "jquery.ui.datepicker.css";

@import "jquery.ui.progressbar.css";

in folgende Zeilen umgewandelt:

<link rel="stylesheet" type="text/css" href="/out/azure2/src/css/themes/base/jquery.ui.core.css" />

<link rel="stylesheet" type="text/css" href="/out/azure2/src/css/themes/base/jquery.ui.resizable.css" />

<link rel="stylesheet" type="text/css" href="/out/azure2/src/css/themes/base/jquery.ui.selectable.css" />

<link rel="stylesheet" type="text/css" href="/out/azure2/src/css/themes/base/jquery.ui.accordion.css" />

<link rel="stylesheet" type="text/css" href="/out/azure2/src/css/themes/base/jquery.ui.autocomplete.css" />

<link rel="stylesheet" type="text/css" href="/out/azure2/src/css/themes/base/jquery.ui.button.css" />

<link rel="stylesheet" type="text/css" href="/out/azure2/src/css/themes/base/jquery.ui.dialog.css" />

<link rel="stylesheet" type="text/css" href="/out/azure2/src/css/themes/base/jquery.ui.slider.css" />

<link rel="stylesheet" type="text/css" href="/out/azure2/src/css/themes/base/jquery.ui.tabs.css" />

<link rel="stylesheet" type="text/css" href="/out/azure2/src/css/themes/base/jquery.ui.datepicker.css" />

<link rel="stylesheet" type="text/css" href="/out/azure2/src/css/themes/base/jquery.ui.progressbar.css" />

Dies hat jedoch zur Folge, dass das Frontend nicht mehr korrekt dargestellt wird.

Jemand eine Idee, was ich vielleicht in der "Übersetzung" falsch mache?

Viele Grüße
Nicole