Warum sind Sternchen in CSS-Eigenschaftsnamen eine schlechte Idee?

Sternchen in CSS-Eigenschaftsnamen

Über ihre Rolle in CSS-Selektoren hinaus können Sternchen auch in Eigenschaftsnamen erscheinen. In diesem Zusammenhang ist ihre Anwesenheit jedoch nicht harmlos.

Ein Beispiel für ein Sternchen in einem CSS-Eigenschaftsnamen ist der folgende Code von YUI:

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

Die *display-Eigenschaft ist ungültig und macht den Eigenschaftsnamen effektiv unbrauchbar. Dies liegt daran, dass es sich um einen Syntaxfehler in CSS handelt.

Trotzdem haben Browser-Macken manchmal dazu geführt, dass mit Sternchen versehene Eigenschaftsnamen ignoriert wurden. Dies hatte den unbeabsichtigten Effekt, dass die Eigenschaft nur für Browser mit bestimmten Fehlern galt, wie z. B. Internet Explorer 7.

In modernen CSS-Praktiken wird von Sternchen in Eigenschaftsnamen dringend abgeraten. Stattdessen sollten bedingte Kommentare verwendet werden, um bestimmte Browser mit unterschiedlichen Stilen anzusprechen. Dieser Ansatz ist zuverlässiger und wartbarer als der Einsatz veralteter und möglicherweise fehleranfälliger Techniken.

Das obige ist der detaillierte Inhalt vonWarum sind Sternchen in CSS-Eigenschaftsnamen eine schlechte Idee?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!