Ich habe eine geordnete Liste in HTML. Ich möchte das Styling nur zu den Zahlen hinzufügen (1,2,3, ...) und nicht zu den Listenelementen selbst.
Gibt es eine Möglichkeit, auf diese Zahlen zu verweisen?
Danke!
CSS2 ermöglicht die Kontrolle über generierte Inhalte , mit denen Sie den automatisch generierten Content unabhängig gestalten können der Rest des Artikels mit der :before Pseudoklasse. Hier ist eine Lösung, die die Folgekriterien des OP erfüllt (Hintergrundfarbe auf dem Listen-Enumerator, aber nicht das Element).
Zunächst wollte ich nur die Antwort von Cowbellemoo kommentieren, da es in IE7 nicht funktioniert und ich erklären wollte, wie IE7-Kompatibilität erreicht werden kann, aber ich nehme an, dass meine Lösung eine völlig andere Antwort ist.
Seine Antwort ist alles gut und gut, aber es wird nicht in IE7 funktionieren. Also, wenn das für dich wichtig ist, hier ist ein anderer Ansatz, den du nehmen kannst, basierend auf diesem A List Apart Artikel: Ссылка
Das Markup
%Vor%Das CSS
%Vor% Es gibt ein paar Variationen, die Sie tun können, indem Sie das <span> schweben lassen und ihm eine Breite & amp; margin, oder indem Sie <li> auf position:relative; setzen, ihm eine angemessene Auffüllung geben und Ihre Spannweite absolut an der richtigen Stelle positionieren.