CSS: Detaillierte Erläuterung des Attributs „Voice-Family“.

Das

voice-family-Attribut

#sidebar {
  width: 200px;
  padding: 10px;
  border: 10px solid black;
}

legt hier die Breite auf 200 Pixel, Polsterung auf 10 Pixel und den Rand auf 10 Pixel fest, jedoch in Windows IE5 beim Surfen Die Breite der Seite in Browsern vor .5 ist 40 Pixel kleiner als die tatsächliche Breite (200 Pixel – 10 Pixel – 10 Pixel – 10 Pixel – 10 Pixel) und muss daher korrigiert werden. Hier wird die „Kaskadierungs“-Funktion des Stylesheets verwendet. Für dasselbe Attribut desselben Selektors überschreibt der später definierte Wert den zuvor definierten Wert.

Der neu definierte Stil ist:

#sidebar {
padding: 10px;
border: 10px solid black;
width: 240px; 
voice-family: "\"}\"";
voice-family: inherit;
width: 200px; 
}

Und „voice-family:““}“ ;voice-family:inherit;“ ist aufgrund von Windows IE5 das Sprachattribut von CSS . 5 unterstützt CSS2 nicht vollständig und erkennt diese Eigenschaft nicht, sodass zum nächsten Selektor gesprungen wird.

IE5 kann die beiden Absätze voice-family: „“}““ nicht korrekt lesen, daher gibt es das Lesen von #centercontent auf, bevor die zweite Breite gelesen wird, und schließlich nur die erste Breite: 240px können gelesen werden.

Browser von IE5.5 und höher erhalten aufgrund des Prinzips der Abdeckung desselben Namens die zweite Breite: 200 Pixel. Auf diese Weise können zwei Breitenwerte in derselben Klasse definiert werden.

Das obige ist der detaillierte Inhalt vonCSS: Detaillierte Erläuterung des Attributs „Voice-Family“.. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!