lata CSS
Mari kita fikirkan soalan: Bagaimana jika terdapat berbilang gaya css untuk elemen yang sama dalam fail html dan berbilang gaya css ini mempunyai nilai berat yang sama? Nah, lata dalam bahagian ini membantu anda menyelesaikan masalah ini.
Cascading bermakna terdapat berbilang gaya css untuk elemen yang sama dalam fail html Apabila terdapat gaya dengan berat yang sama, ia akan ditentukan berdasarkan susunan gaya css ini di penghujung akan permohonan.
Seperti kod berikut:
p{color:red;}
p{color:green;}
<p class="first">三年級(jí)時(shí)，我還是一個(gè)<span>膽小如鼠</span>的小女孩。</p>Akhirnya, teks dalam p akan ditetapkan kepada hijau. Lata ini mudah difahami. Difahamkan gaya kemudian akan menimpa gaya sebelumnya.
Jadi keutamaan gaya CSS sebelum ini tidak sukar difahami:
Helaian gaya sebaris (di dalam teg) > Helaian gaya terbenam (dalam fail semasa) >
<!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>的小女孩，上課從來(lái)不敢回答老師提出的問(wèn)題，生怕回答錯(cuò)了老師會(huì)批評(píng)我。就一直沒(méi)有這個(gè)勇氣來(lái)回答老師提出的問(wèn)題。學(xué)校舉辦的活動(dòng)我也沒(méi)勇氣參加。</p>
<p id="second">到了三年級(jí)下學(xué)期時(shí)，我們班上了一節(jié)公開(kāi)課，老師提出了一個(gè)很<span>簡(jiǎn)單</span>的問(wèn)題，班里很多同學(xué)都舉手了，甚至成績(jī)比我差很多的，也舉手了，還說(shuō)著："我來(lái)，我來(lái)。"我環(huán)顧了四周，就我沒(méi)有舉手。</p>
</body>
</html>
