S'il y a une situation : nous utilisons trois méthodes pour définir le style CSS pour le même élément en même temps, alors quelle méthode est vraiment efficace ? C'est ce qui s'est passé dans l'éditeur de droite
1. Utilisez 内联式
CSS pour définir le texte "Super Cool Internet" sur 粉色
.
2. Utilisez ensuite 嵌入式
CSS pour définir le texte sur 红色
.
3. Enfin, utilisez 外部式
pour définir le texte sur 蓝色
(défini dans le fichier style.css).
Mais finalement vous pouvez observer que le texte du mot court "Cool Internet" est réglé sur 粉色
. Parce que ces trois styles ont des priorités, rappelez-vous leurs priorités : 内联式 > 嵌入式 > 外部式
Mais embedded>style externe a un prérequis : La position du style CSS intégré doit être derrière le style extérieur. Par exemple, dans l'éditeur de code de droite, le code <link href="style.css" ...> se trouve devant le code <style type="text/css">...</style> ; code (en fait, ceci est également écrit pendant le développement). Les amis intéressés peuvent l’essayer, inverser leur ordre et voir si leurs priorités changent.
En fait, en résumé, c'est --就近原则(离被设置元素越近优先级别越高)
.