Attributvergabe in CSS

[Gunnar Bittersmann]

@@Gunnar Bittersmann

table.v1 {
  .Land {
    text-align: left;
  }
}

Ähm, was irgendwie seltsam kompliziert aussieht. Warum nicht einfach

table.v1 .Land {
  text-align: left;
}

Die Sache sieht aber anders aus im Gesamtzusammenhang:

table.v1 .Land {
  text-align: left;
}

table.v1 .PLZ {
  text-align:center;
}

table.v1 .Stadt {
  text-align:right;
}

vs.

table.v1 {
  .Land {
    text-align: left;
  }

  .PLZ {
     text-align:center;
  }

  .Stadt {
     text-align:right;
  }
}

Da macht das mit dem Nesting schon Sinn.

🖖 Live long and prosper