CSS Abkürzung Klassen

Question

Ich weiß nicht, ob es nur meine Unfähigkeit, aber ich oft am Ende Inline-Stile für Elemente zu schreiben, die wie ein besondere Behandlung benötigen:

<div class="asd" style="float:right;"></div> 
<a class="asd" href="#" style="font-weight:bold;"></a> 

und ich fühle mich wie das wäre einfacher zu erreichen Abkürzung Klassen wie dies

<div class="asd right"></div> 
<a class="asd bold"></a> 

so frage, indem Sie mir, wenn seine gemeinsame und akzeptierte Praxis solchen Abkürzung Klassenregeln für solche Gelegenheiten zu machen? Mir scheint es so, als würde es, was meine eigentliche Frage aufwirft: Gibt es Bibliotheken für solche Abkürzungsregeln? So könnte ich einfach in eine CSS-Datei und habe diese Abkürzungen mit mir, wohin ich gehe. Wenn nicht, denke ich, könnte ich mein eigenes machen, aber ich frage mich wirklich, ob es tatsächlich akzeptierte Praxis ist oder hat es Nachteile? Vielleicht könnten alle diese Regeln sogar folgen und wichtig sein, um eine Kollision zu vermeiden.

Answer 1

Nein, das ist eine schreckliche Idee.

Sie sind speziell not using semantic labeling of your content.

Zusammenfassung, warum das schlecht ist: Einer der Hauptvorteile von CSS ist die Möglichkeit, Ihr Erscheinungsbild auf Ihrer Website zu ändern, ohne den Inhalt zu ändern. Wenn Sie die Präsentation in Ihren Content mixen, anstatt ihn mit Klassen zu beschriften, die beschreiben, was er ist, können Sie Ihre Visuals nie verändern, ohne Ihren HTML-Code zu bearbeiten (sonst werden Sie Dinge wie .right { font-weight:bold; float:left } finden, wenn Sie entscheiden, dass "diese Elemente" sollte erscheinen).