在CSS中,有兩個重要的概念:繼承性和特殊性。了解這兩個概念很有必要,因為它們關系到CSS的優先級。
繼承性 CSS的繼承性是指某個元素的樣式會被應用到它的后代元素。比如,如果一個p元素有一個font-size屬性為14px的樣式,那么這個樣式將會傳遞到p元素的后代元素,如span、a等。不過,繼承性只適用于某些屬性,比如字體、文字顏色、行高、背景等。
特殊性指的是選擇器權重的大小。選擇器是用來匹配HTML元素并設定樣式的。在CSS中有三種選擇器:標簽選擇器、類選擇器、ID選擇器。其特殊性的優先級從低到高為:標簽選擇器< 類選擇器< ID選擇器。多個選擇器同時作用于同一個元素時,CSS會根據它們的特殊性來決定哪個選擇器的樣式應該被應用到元素上。
特殊性 例如,下面的樣式: p { color: red; } p.intro { color: green; } #intro { color: blue; }Hello World!
由于ID選擇器的權重比類選擇器高,類選擇器的權重比標簽選擇器高,所以這段代碼的字體顏色將是藍色,而不是紅色或綠色。
需要注意的是,在寫CSS樣式時,應盡量減少使用ID選擇器,而應該優先使用類選擇器和標簽選擇器。因為ID選擇器的特殊性太高,很容易被其它樣式所覆蓋。
上一篇css鼠標懸停時圖片放大
下一篇css鼠標懸停顯示邊框