my_css_class VS my-CSS-Klasse

Question

Welche zwischen

.my_css_class{} 

... und ...

.my-css-class{} 

ist der beste Weg zu gehen, und warum? Ist es nur Best Practice oder gibt es einen anderen Grund?

Answer 1

Der eine Grund, mit dem Unterstreichungsstil zu gehen, ist, dass es mit der Benennung von Variablen und Typen in anderen Sprachen (C *, Java, usw.) übereinstimmt. Ich denke, dass es etwas besser ist, mit etwas Vertrautem zu gehen, so dass es natürlicher ist, die Quelle zu lesen (und schneller).

Ansonsten klingen auch die anderen Vorschläge vernünftig. Vielleicht haben Sie schnelle Chat mit Ihrem Team und gehen Sie mit, was am besten für alle funktioniert.

Answer 2

Entweder ist in Ordnung - ich würde wählen, welche Sie (und Ihre Kollegen) finden, um die lesbarste zu sein. Sie werden weder Gewinne noch Verluste finden, es ist eine rein ästhetische Entscheidung.

Aber was auch immer Sie tun - sobald Sie einen Stil auswählen - bleiben Sie dabei. Konsistenz ist der Schlüssel für solche Entscheidungen.

Answer 3

Ich bevorzuge Bindestriche zu Unterstrichen, da Unterstriche ein zusätzlicher Tastendruck sind - so trivial kann es sein, da es keinen Unterschied macht, und meiner Meinung nach sind beide gleichermaßen lesbar.

Answer 4

Ich bevorzuge Unterstriche, weil in Vim - sind Worttrennzeichen und es ist zusätzliche Arbeit, um den gesamten Namen hervorzuheben.

Answer 5

Ich stimme mit allen hier zu - keiner ist besser, aber wählen Sie einen und bleiben Sie dabei.

Persönlich verwende ich Bindestriche aus dem gleichen Grund Andrew, sie sind einfacher zu tippen. Allerdings verwende ich auch Unterstriche für das jQuery-Klassen-Targeting.

So kann ich ".modal-Popup" für Stile haben.

Und dann kann ich "._rollover" für das Targeting und das Anwenden von Funktionalität auf bestimmte Elemente verwenden, ohne sich Sorgen über das Anwenden unerwünschter Stile machen zu müssen. "._rollover" wird niemals Stilinformationen enthalten.

Es ist ein bisschen ein Hack, aber eine gute Möglichkeit, um die Grenze der auswählbaren Attribute in HTML zu umgehen.

Answer 6

Ich würde mit den Bindestrichen gehen. Da es browsers that don’t understand underscores in class names ist, wie sie in CSS noch nicht zugelassen wurden 1.

Answer 7

Wenn Sie Bindestriche verwenden, können Sie die |= attribute selector verwenden, um eine Gruppe von Klassen zu wählen, basierend auf dem ersten Teil des Klassennamen:

/* Select open folders */ 
.folder-open { } 
/* Select closed folders */ 
.folder-closed { } 
/* Select both kinds */ 
*[class|="folder"] { } 

Browser haben varying support für diese Art von Selektor.