- 常用選擇器(類型選擇器,后代選擇器)
p #id .class - 偽類
鏈接偽類:link :visited 動態(tài)偽類:hover :active :focus。IE6只注意應(yīng)用錨鏈節(jié)(a)的:hover和:active,完全忽略:focus,而IE7可以在在所有元素上應(yīng)用:hover而忽略:focus與:active - 其他
子選擇器,相鄰?fù)x擇器(>, ,+),屬性選擇器 -
樣式權(quán)重計算
選擇器的特殊性分為4個等級a,b,c,d.
如果是行列樣式,a=1。
b等于ID選擇器的總數(shù)。
c等于類,偽類,屬性選擇器的數(shù)量。
d等于類型選擇器和偽元素選擇器的數(shù)量
- 規(guī)劃,組織和維護樣式表
5.1. 為便于維護,一般把樣式表化為幾塊如下:
一般性樣式(主體樣式,reset樣式,鏈接,標題,其他元素)
輔助樣式(表單,通知和錯誤,一致的條目)
頁面結(jié)構(gòu)(標題,頁腳和導(dǎo)航,布局,其他頁面結(jié)構(gòu)元素)
頁面組件(各個頁面)
覆蓋
5.2使用一種風格統(tǒng)一的大注釋塊分隔每個部分
/* @group general style
----------------------------------------------------
