Priorité des trois méthodes

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 --就近原则（离被设置元素越近优先级别越高）.