CSS / HTML in gemeinsamer (include) Datei?

[Felix Riesterer]

Lieber Linuchs,

Uups ... 5310 Zeilen CSS. Für alle möglichen Bausteine, auch wenn sie im Dokument nicht vorkommen?

diese +5k Zeilen sind eigentlich die Summe von Einzeldateien, die vom CMS zu einer Datei zusammengeführt werden, damit der Browser keine 25 Requests wegen @import-Regeln durchführen muss. Gut, den Teil für den Admin-Bereich könnte man auch als separate CSS-Datei führen, aber wozu? Jedes andere Plugin der Seite liefert ja auch seinen eigenen Anteil an der CSS-Datei. So steht alles in einer Datei und diese Datei wird genau einmal benötigt, danach ist sie im Cache.

So ähnlich hatte ich es früher auch gemacht und im Lauf der Jahre gemerkt, dass nur noch die Hälfte gebraucht wird. Aber welche Hälfte?

Wieso Hälfte? Wenn Du in Deinem CSS Teile hast, die nicht gebraucht werden, wozu stehen sie dann drin?

Ich denke da eher, den Baustein-Dateien "ihr" stylesheet mitzugeben, etwa so:

<section id=kommentar>
<style type="text/css">
#kommentar p { font-style:italic }
#kommentar b { color:#f00; }
</style>
<h3>Leser-Kommentare</h3>
<p>Tolle Idee, die <b>stylesheets</b> in den html-Bausteinen mitzuführen.</p>
</section><!-- id=kommentar -->

Ja, die Sache mit den scoped stylesheets... Schmeckt mir nicht.

Schön, wenn es da eine verkürzte CSS-Schreibweise gäbe wie

@in #kommentar {
  p { font-style:italic }
  b { color:#f00; }
}

Was hältst Du denn von dieser:

#kommentar p { font-style:italic }
#kommentar b { color:#f00; }

Liebe Grüße,

Felix Riesterer.