小程序 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.