beatovich: CSS-Problem

Beitrag lesen

hallo

Servus,

ich arbeite mit Wordpress und habe in den CSS-Einstellungen des Themes eine Klasse für alle Buttons erstellt. Hier u.a. "font-weight=400px !important;" Funktioniert auch wunderbar.

Das ist sehr schlecht. !important Regeln sollten der letzte Ausweg sein. Sie eigenen sich auch für debugging CSS (falsches HTML markieren), nicht aber für normales HTML.

Wenn du alle buttons beschreibst

button { ... }

So kannst du für abweichende buttons CSS-Klassen definieren

button.highlighted { font-weight:bold }

oder ganz bestimmte Buttons rausfischen wie

/* submit buttons */

button[type="submit"] { ... }

oder sie entsprechend dem umgebenden HTML beschreiben

/* der letzte Button jedes Formulars */

form button:last-of-type {...}