Warum verschwinden Stile, wenn „title“-Attribute in „Tags“ verwendet werden?

Warum werden Stile ignoriert, wenn der Das Attribut „title“ wird verwendet?

Im bereitgestellten HTML:

<code class="html"><link rel="stylesheet" media="screen" type="text/css" title="A" href="a.css" />
<link rel="stylesheet" media="screen" type="text/css" title="B" href="b.css" /></code>

Die b.css-Stile werden nicht angewendet, da das title-Attribut vorhanden ist. Gemäß der HTML-Spezifikation können Stylesheets einen von drei Typen haben:

• Persistent: Verknüpft mit rel="stylesheet" ohne Titelattribut. Diese Stylesheets werden immer zum Rendern verwendet.
• Bevorzugt: Verknüpft mit rel="stylesheet" und einem Titelattribut. Bevorzugte Stylesheets mit demselben Titel werden in Gruppen zusammengefasst. Allerdings wählen Browser normalerweise nur ein bevorzugtes Stylesheet zum Rendern aus.
• Alternativ: Verknüpft mit rel="alternate stylesheet" und einem Titel. Diese Stylesheets ermöglichen Benutzern die Auswahl aus verschiedenen Stilen und werden im Stylesheet-Selektor des Browsers angezeigt (falls verfügbar). Stylesheets, die in dieser Kategorie nach demselben Titel gruppiert sind, schließen sich gegenseitig aus.

Durch das Hinzufügen von Titelattributen zu den Stylesheets werden diese versehentlich von persistenten Stylesheets in bevorzugte Stylesheets umgewandelt. Da es zwei bevorzugte Stylesheets mit unterschiedlichen Titeln gibt, sind Browser gezwungen, eines auszuwählen, was dazu führt, dass die b.css-Stile nicht angewendet werden. Dieses Problem wird behoben, wenn beide Stylesheets denselben Titel haben, da sie dann als ein bevorzugtes Stylesheet gruppiert werden.

Das obige ist der detaillierte Inhalt vonWarum verschwinden Stile, wenn „title“-Attribute in „Tags“ verwendet werden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!