Cascade CSS
Réfléchissons à une question?: et s'il pouvait y avoir plusieurs styles CSS pour le même élément dans le fichier html et que ces multiples styles CSS avaient la même valeur de poids?? Eh bien, la mise en cascade dans cette section vous aide à résoudre ce problème.
Cascading signifie qu'il peut y avoir plusieurs styles CSS pour le même élément dans le fichier html. Lorsqu'il y a des styles avec le même poids, cela sera déterminé en fonction de l'ordre de ces styles CSS à la fin. sera l'application.
Comme le code suivant :
p{color:red;}
p{color:green;}
<p class="first">三年級(jí)時(shí)，我還是一個(gè)<span>膽小如鼠</span>的小女孩。</p>Enfin, le texte dans p sera mis en vert. Cette cascade est facile à comprendre. Il est entendu que le style ultérieur écrasera le style précédent.
La priorité de style CSS précédente n'est donc pas difficile à comprendre?:
Feuille de style en ligne (à l'intérieur de la balise) > Feuille de style intégrée (dans le fichier actuel) >
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>層疊</title>
<style type="text/css">
p{color:red;}
p{color:green;}
p{color:pink;}
.first{ color:purple;}
#second{ color:orange;}
</style>
</head>
<body>
<h1>勇氣</h1>
<p class="first">三年級(jí)時(shí)，我還是一個(gè)<span>膽小如鼠</span>的小女孩，上課從來不敢回答老師提出的問題，生怕回答錯(cuò)了老師會(huì)批評(píng)我。就一直沒有這個(gè)勇氣來回答老師提出的問題。學(xué)校舉辦的活動(dòng)我也沒勇氣參加。</p>
<p id="second">到了三年級(jí)下學(xué)期時(shí)，我們班上了一節(jié)公開課，老師提出了一個(gè)很<span>簡(jiǎn)單</span>的問題，班里很多同學(xué)都舉手了，甚至成績(jī)比我差很多的，也舉手了，還說著："我來，我來。"我環(huán)顧了四周，就我沒有舉手。</p>
</body>
</html>
