Comment les CSS ne peuvent-ils pas hériter des styles ?

La méthode d'implémentation du CSS n'héritant pas des styles : ouvrez d'abord le fichier de code correspondant ; puis effacez les styles en les écrasant ; puis extrayez les styles qui ne sont pas faciles à modifier et enfin appliquez-les à différents modules de manière combinée ; manière.

L'environnement d'exploitation de ce tutoriel : Système Windows 7, version CSS3, cette méthode convient à toutes les marques d'ordinateurs.

Recommandation : "Tutoriel vidéo CSS"

Héritage du CSS : définition de certains attributs pour le parent, et l'enfant hérite des attributs du parent C'est ce que nous faisons. héritage en CSS. Officiellement expliqué, l'héritage est une règle qui permet d'appliquer des styles non seulement à un élément de balise HTML spécifique, mais également à ses éléments descendants.

Parfois, CSS héritant du style de l'élément parent peut être gênant. Existe-t-il un moyen d’effacer les styles hérités ? Comment empêcher les CSS d’hériter des styles ?

Actuellement, les styles ne peuvent être effacés que par écrasement

Ce problème devrait être pris en compte plus tard lors de l'écriture de CSS

Généralement, il n'existe que des styles courants et les structures fixes conviennent. pour utiliser l'héritage pour appliquer le CSS

Sinon, les styles ne doivent pas être hérités de manière fortuite. Pour deux modules avec peu de différence de structure ou de performances, l'héritage n'est pas adapté à l'implémentation

Bon point La méthode est de extrayez les mêmes parties de style qui ne sont pas faciles à modifier, puis appliquez-les à différents modules de manière combinée.

Par exemple, deux divs

<div class="a"></div>
<div class="b"></div>

peuvent extraire des styles communs et les mettre sous une seule instruction :

.fixedAd {position:fixed;width:200px;height:200px;border:1px solid #ccc;}

Ensuite, écrivez vos propres styles pour différents divs :

.a {color:#ffc;background:#ccf;}
.b {color:#777;background:#999;}

La structure HTML combinée finale est :

<div class="a fixedAd"></div>
<div class="b fixedAd"></div>

En bref : la combinaison vaut mieux que l'héritage C'est similaire à la programmation, haha

.

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!