BEM Generator

BEM-Selektor erstellen

Geben Sie einen Block und bei Bedarf ein Element, einen Modifikator und einen Modifikatorwert ein.

Blockname

Erforderlich. Verwenden Sie lateinische Kleinbuchstaben, Ziffern und Bindestriche.

Elementname

Modifikatorname

Modifikatorwert

Namensregeln anzeigen

BEM-Klasse

CSS-Selektor

Die Tabelle zeigt gültige und ungültige Beispiele nach der offiziellen BEM-Namenssyntax; sie ist kein abgeschlossenes Vokabular.

Erlaubte und verbotene BEM-Namen
Kategorie	Erlaubte Namen	Verbotene Namen
Blöcke	`headercontainermenucheckboxinputopinions-boxblock2`	`Headermenu itemкнопкаcard_namecard@`
Elemente	`itemtitletext-inputview_moresubmititem2`	`Titlemenu itemелементitem@`
Modifikatoren	`disabledhighlightedcheckedfixedsize-bigcolor_yellow`	`Activeis activeактивнийstate@`
Modifikatorwerte	`smallbigblackredxmasprimary_2`	`Big ValueVALUEвеликийred@`