Priorité des tr...SE CONNECTER

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

section suivante
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>样式网页</title> <link href="style.css" rel="stylesheet" type="text/css"> <style type="text/css"> span{ color:red; } </style> </head> <body> <p>PHP中文网,<span style="color:pink">超酷的互联网</span>、IT技术免费学习平台,创新的网络一站式学习、实践体验;服务及时贴心,内容专业、有趣易学。专注服务互联网工程师快速成为技术高手!</p> </body> </html>
soumettreRéinitialiser le code
chapitredidacticiel