Pourquoi l'attribut 'title' interfère-t-il avec le rendu CSS ?

Le document HTML fourni tente d'appliquer à la fois a.css et b.css aux éléments sur la page. Cependant, les styles de b.css ne sont pas rendus, comme le démontre l'extrait de code.

En définissant l'attribut title sur l'élément lié ​​à b.css, la feuille de style est classée comme « préférée feuille de style." En revanche, les feuilles de style sans l'attribut title sont considérées comme des « feuilles de style persistantes ». Selon la spécification HTML :

Types de feuilles de style

• Feuilles de style persistantes : Liées avec rel="stylesheet" et aucun attribut de titre. Toujours appliqué lors du rendu.
• Feuilles de style préférées : Liées avec rel="stylesheet" et un attribut de titre. Regroupés par titre, mais les navigateurs n'affichent qu'une seule feuille de style préférée par groupe.
• Feuilles de style alternatives : Liées avec rel="feuille de style alternative" et un titre. Regroupé par titre, permettant aux utilisateurs de sélectionner des feuilles de style à partir d'une interface fournie par le navigateur.

Dans ce cas, en ajoutant l'attribut title, vous classez par inadvertance b.css comme feuille de style préférée. Comme il ne doit y avoir qu'une seule feuille de style préférée par groupe, le navigateur choisit l'une des feuilles de style à afficher, ce qui entraîne l'exclusion de b.css.

Par conséquent, pour garantir que a.css et b.css sont appliqués, vous devez supprimer l'attribut title de l'élément lié ​​à b.css. Cela la classera comme feuille de style persistante, garantissant qu'elle est utilisée avec a.css lors du rendu.