Verschachtelte Stylesheets

Warum kann man Cascading Stylesheets eigentlich nicht verschachteln? Und zwar so:

ul#navigation {
  background-color:#000;

  a {
    color:#FFF;

    strong, em {
      font-weight:normal;
      padding:0.25em 0.5em;
      border:2px solid #FFF;

      :first-letter {
        font-size:1.5em;
        text-transform:uppercase;
      }
    }

    em {
      background-color:#555;
    }
  }
}

In “normalem” CSS würde das dem Folgenden entsprechen:

ul#navigation {
  background-color:#000;
}

ul#navigation a {
  color:#FFF;
}

ul#navigation a strong, ul#navigation a em {
  font-weight:normal;
  padding:0.25em 0.5em;
  border:2px solid #FFF;
}

ul#navigation a strong:first-letter, ul#navigation a em:first-letter {
  font-size:1.5em;
  text-transform:uppercase;
}

ul#navigation a em {
  background-color:#555;
}

Der Platzbedarf wird zwar damit nicht geringer, aber ich finde es deutlich leichter zu lesen und man kommt sich mit irgendwelchen Anweisungen nicht so leicht in die Quere.

Comments

1
Webdesigner, Schweiz on September 4, 2006

Meiner Meinung nach ist CSS sowieso etwas, was mal überarbeitet und von Browsernherstellern standardisiert werden sollte. Ist echt mühsam!

2
art2digital.com on September 11, 2006

Hallo nochmal,

letztens habe ich hier etwas gepostet im bezug zu einem CSS Hack! Leider finde ich mein post nicht mehr :(

Also hier nochmal meine frage: Kann mir vielleicht einer sagen, wie ich die folgende Hack W3C valid gestalten kann?

\height:16px;   /* ie5 */
h\eight:15px;   /* others */
text-decoration:underline;
float:left;

Danke schonmal Gruss TP

3
Michael on February 14, 2007

Das ist ne gute Frage, das frage ich mich nämlich auch dauernd :-) Ne mal ehrlich, wenn da soviele “helle” Köpfe die Standards festlegen wieso wird sowas dann nicht berücksichtigt?

4
Newsartikel on February 15, 2007

@art2digital.com: ich würds mal in dieser art probieren … *html{ height:99.85%;} html>body{min-height:99.85%;}

@konstantin: sehr schöne seite.

5
Monika on April 23, 2007

Jo mit diesen Stylesheets kann man sich auch ganz schön schnell verzetteln, geht mir jedenfalls so, gerade wenn sie bis zum geht nicht mehr verschachtelt sind. wenn man dann noch die ganzen eigenarten der browser berücksichten muss, könnte ich manchmal echt ausflippen. gut geschriebener artikel, gefällt mir.