Option value Spezifikation ?

[Sven Rautenberg]

Moin!

Mir geht es speziell um dieses Self Beispiel.
http://aktuell.de.selfhtml.org/artikel/css/optionbilder/

Wenn ich die Option values mit de.gif oder ie.gif schreibe und die CSS dann:

<style type="text/css">
<!--

option[value=de.gif]:before { content:url("de.gif"); }
    option[value=ie.gif]:before { content:url("ie.gif"); }

-->
</style>

>   
> dann geht es nicht mehr. Daher meine Frage.  
  
Punkte in CSS stellen ein Sonderzeichen dar, das entsprechend escaped werden muss. Denn der Punkt selbst ist ja Bestandteil des Selektors für Klassen. Die Browser werden deinen Attribut-Selektor vermutlich mißverstehen und deshalb ignorieren.  
  
Du hast also kein Problem mit dem Punkt im HTML-Attribut "value", sondern mit dessen korrekter Darstellung im CSS-Selektor. Im Zweifel würde ich diesen Selektor vermeiden, das wäre der einfachste Weg.  
  
 - Sven Rautenberg