Kekhususan CSS
Kadangkala kami menetapkan kod gaya CSS yang berbeza untuk elemen yang sama, jadi gaya CSS yang manakah akan didayakan untuk elemen tersebut. Mari kita lihat kod berikut:
p{color:red;}
.first{color:green;}
<p class="first">三年級時，我還是一個<span>膽小如鼠</span>的小女孩。</p>Kedua-dua p dan .first sepadan dengan teg p , jadi yang mana? warna akan dipaparkan? hijau adalah warna yang betul, jadi mengapa? Ini kerana penyemak imbas menentukan gaya CSS yang hendak digunakan berdasarkan berat, dan gaya CSS dengan berat yang lebih tinggi digunakan.
Berikut ialah peraturan berat:
Berat label ialah 1, berat pemilih kelas ialah 10, dan berat pemilih ID ialah sehingga 100. Contohnya, kod berikut:
p{color:red;} /*權(quán)值為1*/p span{color:green;} /*權(quán)值為1+1=2*/.warning{color:white;} /*權(quán)值為10*/p span.warning{color:purple;} /*權(quán)值為1+1+10=12*/#footer .note p{color:yellow;} /*權(quán)值為100+10+1=111*/Nota: Ada satu lagi berat istimewa - Warisan juga mempunyai berat tetapi ia sangat rendah. Sesetengah literatur mencadangkan bahawa ia hanya 0.1, jadi boleh difahami pewarisan mempunyai berat yang paling rendah.
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>特殊性</title>
<style type="text/css">
p{color:red;}
.first{color:green;}/*因為權(quán)值高顯示為綠色*/
span{color:pink;}/*設(shè)置為粉色*/
p span{color:purple;}
</style>
</head>
<body>
<h1>勇氣</h1>
<p class="first">三年級時，我還是一個<span>膽小如鼠</span>的小女孩，上課從來不敢回答老師提出的問題，生怕回答錯了老師會批評我。就一直沒有這個勇氣來回答老師提出的問題。學校舉辦的活動我也沒勇氣參加。</p>
<p id="second">到了三年級下學期時，我們班上了一節(jié)公開課，老師提出了一個很簡單的問題，班里很多同學都舉手了，甚至成績比我差很多的，也舉手了，還說著："我來，我來。"我環(huán)顧了四周，就我沒有舉手。</p>
</body>
</html>
