Warum verursacht ein Sternchen in einem CSS-Eigenschaftsnamen (*display) eine Parsing-Ausnahme?

Parsing-Ausnahme: Sternchen im CSS-Eigenschaftsnamen

Diese Frage befasst sich mit dem besonderen Verhalten eines Sternchens (*) innerhalb eines CSS-Eigenschaftsnamens , eine Funktion, die in CSS-Selektoren besonders fehlt.

Ein vom Benutzer bereitgestelltes Beispiel zeigt „*display“ in einem CSS Regel:

.yui-button .first-child
{
    display:block;
    *display:inline-block;
}

Parsing-Fehler

Entgegen den Erwartungen ist „*display“ kein gültiger Eigenschaftsname in CSS. Sein Vorhandensein macht die Eigenschaft ungültig und bricht das Parsen ab.

Browserfehler und -Macken

Aufgrund historischer Browser-Macken kann es jedoch sein, dass einige Browser (vor allem IE7) dies übersehen diese Ungültigkeit und implementieren Sie die Regel, als ob „*Anzeige“ legitim wäre.

Vermeidung und Beste Praktiken

Aus Gründen der browserübergreifenden Kompatibilität und zur Aufrechterhaltung der Codequalität wird dringend empfohlen, die Verwendung eines Sternchens in Eigenschaftsnamen zu vermeiden. Stattdessen sollten bedingte Kommentare verwendet werden, um auf bestimmte Browser abzuzielen.

Das obige ist der detaillierte Inhalt vonWarum verursacht ein Sternchen in einem CSS-Eigenschaftsnamen (*display) eine Parsing-Ausnahme?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!