Dans l'article précédent sur downcodes.com, nous avons mentionné "réécrire vos fichiers CSS pour les rendre plus organisés et clairement structurés". Bien que ce soit l'une des méthodes, développer de bonnes habitudes de codage a toujours été ce que j'aime dans le CSS. L'article d'aujourd'hui discutera de ce contenu.
Le dernier style CSS défini remplacera tous les styles existants ou en conflit définis avant lui, comme dans l'exemple suivant :
Exemple de code source
[www.downcodes.com] p { couleur : rouge ; fond : jaune }
p { couleur : vert }
Le paragraphe ci-dessus apparaîtra finalement en police verte avec un fond jaune. C'est parce que la dernière couleur définie : vert écrase le rouge précédemment défini. Quant à la raison pour laquelle le fond jaune ne disparaît pas, c'est à cause du deuxième p. définition contradictoire dans la définition, elle est donc toujours valable.
Comprenez-vous vraiment ? OK, faisons un petit test :
Exemple de code source
[www.downcodes.com] p.rouge { couleur : rouge }
p.green { couleur : vert }
p.bleu { couleur : bleu }
Exemple de code source
[www.downcodes.com] Exemple de texte downcodes.com
Exemple de texte downcodes.com
Exemple de texte downcodes.com
S'il vous plaît, dites-moi, de quelle couleur apparaîtra le texte des trois paragraphes ci-dessus lorsqu'il sera finalement affiché ?
La réponse est qu'ils sont tous affichés en bleu, c'est-à-dire en bleu. Bien que chaque paragraphe ait trois styles p appliqués dans un ordre différent, il semble que la couleur doive être déterminée en fonction de l'ordre dans lequel les styles sont appliqués. , le premier est affiché en bleu et le troisième est affiché en bleu. Le deuxième est affiché en rouge et le troisième est affiché en vert. En fait, cela n'a rien à voir avec l'ordre. dans lequel les styles sont appliqués. Ils obéissent tous finalement au dernier style spécifié et la couleur est bleue.
