Ganane: Padding in Abhängigkeit der Anzahl der Zeichen in einem Element

Beitrag lesen

Hi Selfler!

Ich habe zwar wenig Hoffnungen, aber kann ich irgendwie Elemente, in denen X Buchstaben sind, anders formatieren als Elemente in denen Y Buchstaben sind - ohne ihnen eine andere Klasse zuzuweisen? Ich stelle mir das so vor:

  
a[zeichenlänge=5] { background: red; }  
a[zeichenlänge=10] { background: blue; }  

Somit sollte '<a href="#">Hallo</a>' einen roten Hintergrund bekommen und '<a href="#">Hallo Welt</a>' einen Blauen. Geht das irgendwie?

Hintergrund ist folgender: ich habe mehrere Buttons mit der Schriftart Monospace. In diesem Buttons können immer 1-4 Zeichen stehen, aber alle Buttons sollen gleich groß sein. Daher gebe ich einem Button mit einem zeichen ein größeres Padding als einem Button mit 2 Zeichen usw.. Da diese Buttons aber oft geändert werden, möchte ich mir Aufwand ersparen und ihnen nicht immer manuell eine eigene Klasse geben.

Ich freu' mich auf eure Hilfe ;)

Gruß,
Ganane