微信小程序> 小程序WXSS样式,选择器与优先级

小程序WXSS样式,选择器与优先级

浏览量:5100 时间: 来源:Abudula__

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.

 

 

 

 

 

 

 

 

 

 

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

最新资讯

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎