Formatieren eines CSS-Elements abhängig von seinem Wert

8

Ich habe eine Liste von Prozentsätzen, die von 0% bis 200% reichen.

Gibt es eine Möglichkeit, diese Zahlen in Abhängigkeit von ihrem Wert zu stylen, d. h. Zahlen 0% - 100% grün und Zahlen 101% & gt; rot?

Bitte beachten Sie, dass ich dafür keinen Zugriff auf HTML habe, nur CSS.

Vielen Dank im Voraus,

Tom Perkins

Bearbeiten:

Der HTML-Code lautet:

%Vor%

Und das CSS liest:

%Vor%

Ich hoffe, das hilft.

    
Tom Perkins 02.03.2011, 10:06
quelle

4 Antworten

7

Wenn Sie die Prozentsätze & lt; 100% so einstellen könnten, dass sie mit einer 0 wie 099% beginnen, können Sie die Attr-Starts mit und den Attr-Equal-Selektor verwenden. Funktioniert in modernen Browsern und zB 7 +

%Vor%

Alternativ könntest du einen Selektor für alle 200 ungeraden Variationen machen, die ziemlich lang sind

    
Blowsie 02.03.2011, 11:10
quelle
0

Da gibt es eine Bewertung der beteiligten Werte. Es kann nicht mit CSS gemacht werden.

Aber Javascript kann tun, wonach Sie suchen.

    
Sathish Manohar 02.03.2011 10:09
quelle
0

Ich bin auch nicht überzeugt, dass es keine Möglichkeit gibt, nur CSS zu verwenden ... Ich würde vorschlagen, zwei CSS-Klassen "grün" und "rot" (oder entsprechend) zu definieren und eine kleine Bewertung in JavaScript oder PHP vorzunehmen um die Klassen den Elementen zuzuordnen ...

Entschuldigung, aber das erfordert Zugriff auf HTML in jeder Art.

    
poeschlorn 02.03.2011 10:13
quelle
0

Dies hängt wirklich von der Art und Struktur der HTML-Elemente ab, die Sie auswählen möchten. Wenn Sie nur <span> oder <td> Elemente ohne irgendeine semantische Struktur haben, wird es nicht funktionieren.

Aber wenn Sie Attribute wie title , class usw. haben, könnten Sie etw. tun. so:

%Vor%     
gunnarsson 02.03.2011 10:22
quelle

Tags und Links