Was bedeutet ein Sternchen (*) in einem CSS-Eigenschaftsnamen?

Die Rolle eines Sternchens in CSS-Eigenschaftsnamen verstehen

In CSS-Selektoren wird ein Sternchen (*) verwendet, um ein beliebiges Element abzugleichen. Aber was bedeutet es, wenn es in einem Eigenschaftsnamen vorkommt?

Verwendung in einer CSS-Eigenschaft Name

Ein Sternchen (*) ist kein gültiges Zeichen in CSS-Eigenschaftsnamen und verursacht einen Syntaxfehler. Das heißt, wenn ein Sternchen vorhanden ist, wird der Eigenschaftsname ungültig und die Deklaration wird vom Browser ignoriert.

Beispiel:

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

In diesem Beispiel Die *display:inline-block-Deklaration ist aufgrund des Sternchens ungültig. Der Browser ignoriert diese Deklaration einfach und wendet die gültige display:block-Deklaration an.

Browserfehler und Auswirkungen

Obwohl es sich um einen Syntaxfehler handelt, haben Browser in der Vergangenheit Fehler gezeigt, die dazu führten erlaubte ihnen, das Sternchen zu ignorieren. Dies führte dazu, dass das Sternchen zur Ausrichtung auf bestimmte Browser wie IE7 verwendet wurde.

Es wird jedoch davon abgeraten, sich auf dieses Verhalten zu verlassen, da dadurch ein browserspezifischer Stil entsteht, der die Benutzererfahrung für Benutzer aktualisierter Browser beeinträchtigt.

Alternative Lösungen

Um Stile bedingt auf bestimmte Browser anzuwenden, wird empfohlen, dies zu tun Verwenden Sie bedingte Kommentare anstelle des Sternchens. Bedingte Kommentare sind Kommentare, die von älteren Browsern unterstützt, aber von neueren ignoriert werden, was eine gezielte Gestaltung ermöglicht.

Fazit

Während ein Sternchen in CSS-Selektoren verwendet werden kann, um Wenn es mit einem beliebigen Element übereinstimmt, ist es kein gültiges Zeichen in CSS-Eigenschaftsnamen und sollte vermieden werden. Browser haben im Allgemeinen Fehler behoben, die es ihnen ermöglichten, das Sternchen zu ignorieren, was es zu einer unzuverlässigen Technik für browserspezifisches Styling machte.

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