Pourquoi les styles disparaissent-ils lors de l'utilisation des attributs `title` dans les balises `` ?

Pourquoi les styles sont-ils ignorés lorsque le L'attribut 'title' est utilisé ?

Dans le HTML fourni :

<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>

Les styles b.css ne sont pas appliqués car l'attribut title est présent. Selon la spécification HTML, les feuilles de style peuvent être de l'un des trois types suivants :

• Persistantes : Liées avec rel="stylesheet" sans attribut de titre. Ces feuilles de style sont toujours utilisées pour le rendu.
• Préféré : Lié avec rel="stylesheet" et un attribut de titre. Les feuilles de style préférées portant le même titre sont regroupées. Cependant, les navigateurs ne sélectionnent généralement qu'une seule feuille de style préférée à afficher.
• Alternative : Liée avec rel="alternate stylesheet" et un titre. Ces feuilles de style permettent aux utilisateurs de choisir parmi différents styles et sont affichées dans le sélecteur de feuille de style du navigateur (si disponible). Les feuilles de style regroupées par le même titre dans cette catégorie s'excluent mutuellement.

En ajoutant des attributs de titre aux feuilles de style, elles sont par inadvertance converties de feuilles de style persistantes en feuilles de style préférées. Puisqu’il existe deux feuilles de style préférées avec des titres différents, les navigateurs sont obligés d’en choisir une, ce qui entraîne la non-application des styles b.css. Ce problème est résolu lorsque les deux feuilles de style ont le même titre car elles sont ensuite regroupées en une seule feuille de style préférée.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!