Quel est le conflit avec le CSS ?-Questions et réponses frontales-php.cn

Quel est le conflit avec le CSS ?

藏色散人

Libérer： 2023-01-03 09:30:59

original

2720 Les gens l'ont consulté

Un conflit CSS signifie que lorsque plusieurs styles CSS sont appliqués au même élément, il peut y avoir un formatage différent du même attribut entre ces styles ; lorsqu'un conflit survient, le navigateur suit le principe de priorité ou les derniers principes pour résoudre les problèmes de conflits CSS.

Quel est le conflit avec le CSS ?

L'environnement d'exploitation de cet article : système Windows 7, version HTML5&&CSS3, ordinateur DELL G3

Conflits et résolution CSS

Lorsque plusieurs styles CSS sont appliqués au même élément, il peut y avoir un formatage différent du même attribut entre ces styles. Lorsque des conflits surviennent, les navigateurs résolvent les conflits CSS en suivant les principes suivants.

1. Principe de priorité

2. Dernier principe

3. Pour les définitions de style du même attribut, les styles définis ultérieurement écraseront les styles définis précédemment.

Principe de priorité : cela signifie que le style avec la priorité la plus élevée est valide, parmi lesquels le style en ligne > le style en ligne | le style externe du lien, c'est-à-dire que le style en ligne a la priorité la plus élevée, tandis que le style en ligne et le style externe du lien La priorité des styles est déterminée par la position où ils apparaissent. Celui qui apparaît plus tard a la priorité la plus élevée. Dans les styles du même type, il existe également des priorités différentes entre les sélecteurs. La priorité des sélecteurs est spécifiée comme suit : sélecteur d'ID > sélecteur de classe | sélecteur d'attribut de pseudo-classe > sélecteur d'élément | sélecteur d'élément générique > sélecteur | Sélecteur frère adjacent, c'est-à-dire que le sélecteur d'ID a la priorité la plus élevée.

Dernier principe : principalement pour les styles hérités. Plus le style de la classe parent de l'élément formaté est proche, plus la priorité est élevée. Par exemple :

…

, définissez le style de la balise

et sa priorité sera supérieure au style de la balise

De plus, ajouter !important après le style peut élever la priorité du style au plus haut niveau (supérieur aux styles en ligne)

[Apprentissage recommandé : Tutoriel vidéo CSS】

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!