1. 程式人生 > >小程式 WXSS樣式 選擇器與優先順序

小程式 WXSS樣式 選擇器與優先順序

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.