icon-arrow-lefticon-arrow

Erklärung

DRY steht für »Don’t repeat yourself« und beschreibt ein Architekturkonzept für CSS-Code. Das Ziel von DRY CSS besteht darin, Wiederholungen im Code möglichst zu vermeiden und den Code somit pflegeleicht und schlank zu halten. Dazu basiert DRY auf folgenden drei Prinzipen.

  1. Wiederverwendbare CSS-Eigenschaften werden gruppiert
  2. Diese Gruppen werden logisch benannt
  3. Selektoren werden den Gruppen zugewiesen

In der Praxis sieht das dann beispielsweise so aus:


#LIGHT-WHITE-BACKGROUND,
.translation,
.entry .wp-caption,
.recent-comment .comment-text,
.roundup h3,
.post-header-sharing,
.subscription-manager ol,
.light-white-background
{
  background-color: #fff;
  border-color: #ccc;
}

DRY CSS ist vergleichbar mit SMACSS und OOCSS.


Ihr Kommentar zu dieser Frage

Ihr Kommentar zu dieser Frage

Bei Fragen, Anregungen oder Kritik zu dieser Frage, nutzen Sie bitte das Kommentar-Formular.

Ihr Kommentar wird überprüft bevor er auf der Website erscheint. Nicht themenrelevante Beiträge werden gelöscht.

Mit diesen Kunden haben wir bereits erfolgreich zusammengearbeitet.