Dennis Fricke

Objektorientiertes CSS

Knowledge Base

Was ist OOCSS?

Anders als bei SASS oder LESS, ist OOCSS kein Framework das auf CSS aufgebaut ist. Es ist vielmehr eine Art sein CSS zu strukturieren und zu organisieren. Die grundlegende Idee von OOCSS ist die Abstraktion von sich wiederholenden Mustern in wiederverwendbare Objekte.

Ein Beispiel

Vielleicht hast du verschiedene Buttons unterschiedlicher Größe auf deiner Website. Aber alle von ihnen haben gemeinsame Styles wie etwa:

  • border radius
  • padding
  • box-shadow

Die gemeinsamen Styles werden an einer CSS Klasse zusammengefügt und an allen Buttons auf der Website verwendet. So musst du die gemeinsamen Styles nicht an jedem Button erneut wiederholen, selbst wenn sich Textfarbe oder Tetgröße ändern.


Weitere Informationen findest du bei Learning at Ninjaneers.

24 Sep 2020 #css #Webcomponents #oocss