Ist es möglich, eine CSS-Datei in eine andere einzubinden?

Question

Ist es möglich, eine CSS-Datei in eine andere einzubinden?

Answer 1

Aus irgendeinem Grund hat @import bei mir nicht funktioniert, aber das ist ja auch nicht wirklich nötig, oder?

Hier ist, was ich stattdessen getan habe, innerhalb der html:

  <link rel="stylesheet" media="print" href="myap-print.css">
  <link rel="stylesheet" media="print" href="myap-screen.css">
  <link rel="stylesheet" media="screen" href="myap-screen.css">

Beachten Sie, dass media="print" 2 Stylesheets hat: myap-print.css und myap-screen.css. Das ist derselbe Effekt wie die Einbindung von myap-screen.css in myap-print.css.

Answer 2

Ich bin darüber gestolpert und wollte nur sagen: BITTE VERWENDEN SIE NICHT @IMPORT IN CSS!!!! Die Import-Anweisung wird an den Client gesendet und der Client stellt eine weitere Anfrage. Wenn Sie Ihr CSS auf verschiedene Dateien aufteilen möchten, verwenden Sie Less. In Less erfolgt die Importanweisung auf dem Server, und die Ausgabe wird zwischengespeichert, so dass der Client nicht gezwungen ist, eine weitere Verbindung herzustellen, was zu Leistungseinbußen führt. Sass ist ebenfalls eine Option, die ich jedoch nicht ausprobiert habe. Ehrlich gesagt, wenn Sie Less oder Sass nicht verwenden, sollten Sie damit anfangen. http://willseitz-code.blogspot.com/2013/01/using-less-to-manage-css-files.html