Warum verhindert das Festlegen eines „title'-Attributs für ein „Tag' das Rendern von CSS-Stilen?

Warum funktioniert der Das Attribut „title“ beeinträchtigt die CSS-Wiedergabe?

Das bereitgestellte HTML-Dokument versucht, sowohl a.css als auch b.css auf Elemente auf der Seite anzuwenden. Allerdings werden die Stile aus b.css nicht gerendert, wie im Codeausschnitt gezeigt.

Durch Festlegen des Titelattributs auf dem Element, das auf b.css verweist, wird das Stylesheet als „bevorzugtes Stylesheet“ kategorisiert. Im Gegensatz dazu gelten Stylesheets ohne das Title-Attribut als „persistente Stylesheets“. Gemäß der HTML-Spezifikation:

Stylesheet-Typen

• Persistente Stylesheets: Verknüpft mit rel="stylesheet" und ohne Titelattribut. Wird beim Rendern immer angewendet.
• Bevorzugte Stylesheets: Verknüpft mit rel="stylesheet" und einem Titelattribut. Nach Titel gruppiert, aber Browser rendern nur ein bevorzugtes Stylesheet pro Gruppe.
• Alternative Stylesheets: Verknüpft mit rel="alternate stylesheet" und einem Titel. Nach Titel gruppiert, sodass Benutzer Stylesheets über eine vom Browser bereitgestellte Oberfläche auswählen können.

In diesem Fall klassifizieren Sie durch das Hinzufügen des Title-Attributs versehentlich b.css als bevorzugtes Stylesheet. Da es nur ein bevorzugtes Stylesheet pro Gruppe geben sollte, wählt der Browser eines der Stylesheets zum Rendern aus, was zum Ausschluss von b.css führt.

Daher muss sichergestellt werden, dass sowohl a.css als auch b.css angewendet werden, sollten Sie das Titelattribut aus dem entfernen. Element, das auf b.css verweist. Dadurch wird es als persistentes Stylesheet klassifiziert und sichergestellt, dass es beim Rendern zusammen mit a.css verwendet wird.

Das obige ist der detaillierte Inhalt vonWarum verhindert das Festlegen eines „title'-Attributs für ein „Tag' das Rendern von CSS-Stilen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!