Objektorientiertes CSS

[Tobias Hahner]

Hallihallo!

Ich komme auch mit generischen Bezeichnern bei mehrspalten Layouts aus - bei mir heißen die aber #col1, #col2 usw - es kommt ab und an vor, dass das Layout geändert wird und die Linke Spalte plötzlich rechts ist oder umgekehrt - aber bezeichner wie "leftCol" halte ich für "gefährlich".

Manchmal ist da auch gar keine Semantik drin, sondern die dieselben Inhalte sind nur aus Gründen der kompakten Präsentation über mehrere Spalten verteilt.

Aber auch dann haben sie eine logische Abfolge, die mit #col1, #col2 und #col3 gut ausgezeichnet ist.

Noch sinnvoller ist es IMHO, die IDs und Klassen streng nach dem Inhalt zu benennen:
#hauptmenue, #untermenue, .aktuell usw.
Ich hatte bisher eigentlich keinen Fall, wo das nicht möglich gewesen wäre.

Nur so hat man meiner Meinung nach eine Chance, der Seite ein neues Layout zu verpassen, ohne das Markup grossartig verändern zu müssen, oder, was noch schlimmer wäre: das CSS in seinen Bezeichnern völlig zu entstellen.

Beste Grüße,
   Tobias Hahner