Pourquoi l'attribut \'title\' dans les éléments de lien empêche-t-il le style CSS ?

L'attribut énigmatique 'title' : dévoiler son impact sur le rendu CSS

Bien que le document HTML et le CSS correspondant fournis ne présentent aucune erreur , le style attendu de b.css n'est pas appliqué aux éléments. Le coupable réside dans l'attribut énigmatique « titre » attribué aux éléments du lien. Quel rôle joue cet attribut et pourquoi sa présence inhibe-t-elle le style souhaité ?

Explorer les types de feuilles de style

Dévoiler le comportement de l'attribut 'title' nécessite un exploration des différents types de feuilles de style reconnues par HTML :

1. Feuilles de style persistantes : Celles-ci sont liées à l'aide de rel="stylesheet" sans attribut 'title'. Les feuilles de style persistantes sont toujours appliquées lors du rendu.
2. Feuilles de style préférées : Possédant à la fois rel="stylesheet" et un attribut 'title', les feuilles de style préférées avec des titres identiques sont regroupées. Cependant, les navigateurs privilégient une seule feuille de style au sein de chaque groupe pour le rendu.
3. Feuilles de style alternatives : Liées à l'aide de rel="alternate stylesheet" et d'un attribut 'title', les feuilles de style alternatives permettent aux utilisateurs de sélectionner des styles. . Ils sont regroupés par titre et apparaissent dans le sélecteur de feuille de style du navigateur, si disponible. Une exclusivité mutuelle existe au sein de chaque groupe.

Le rôle essentiel du « titre »

En attribuant des attributs « titre » aux éléments de lien, l'intention initiale de les feuilles de style persistantes sont modifiées par inadvertance. Elles deviennent effectivement des feuilles de style préférées. Par conséquent, une seule feuille de style préférée portant le titre « A » est choisie pour le rendu. Ceci explique l'absence de style dans b.css.

Résolution du problème

Pour remédier à ce problème et garantir un style correct, les attributs 'title' sur les éléments du lien devrait être supprimé. Cela rétablira les feuilles de style en feuilles de style persistantes, garantissant que a.css et b.css sont appliqués comme prévu.

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!