小程式 WXSS樣式 選擇器與優先順序
阿新 • • 發佈:2018-12-25
WXSS(weixin stylesheet)是一套樣式語言,用於描述WXML的元件樣式。
就像CSS一樣,必須通過選擇器選擇WXMl的元件,然後進行美化。
一:WXSS選擇器
由於小程式底層採用呼叫原聲元件來構建介面,WXSS不能通過原聲元件來控制組件內部的樣式和位置,因此WXSS不支援級聯選擇器。
1.:選擇器的用法
當我們需要對某個元素進行特殊標誌,或它的狀態會隨著使用者的操作發生變化時,我們就可以通過標籤內的內斂樣式來調整它的樣式。
ID選擇器:針對某個特定元件進行屬性的設定。
類選擇器:針對某一類元件進行屬性的設定,適用於一類組建的定義。
標籤選擇器:對全域性的某一元件進行屬性的設定,更多用於全域性範圍的樣式標準化,比如說,在一個新聞客戶端中,所有的text元件預設情況下都是32px.
2.選擇器的優先順序
style 是指在元素標籤內的樣式,#element是指ID,.element是指class,element是指元素。
1,10,100等是一個形象化的優先順序的表示機制。如果迫不得已,一定不要用!import,因為除錯和維護會很麻煩。
3.選擇器優先順序規則
1.)權重越高,優先順序越高。
2.)相同權重以後面出現的選擇器為最後規則。
4.計算權重舉例
view.content
權重為11 ,view權重為1,.content權重為10.
view.#content
權重為101,view權重為1,#content為100.