您当前的位置: 首页 > 知识百科 > 微信小程序wxss选择器支持哪些?

微信小程序wxss选择器支持哪些?

时间:2023-07-01 14:05 阅读数:159 人阅读 分类:知识百科

  微信小程序wxss选择器支持哪些?微信小程序wxss可以支持选择器的有很多种哦,但是具体微信小程序wxss选择器可以支持哪些呢?下边小就来为微信小程序用户们进行详细的介绍哦,

  微信小程序wxss选择器支持什么?

  微信小程序wxss目前支持的选择器有以下几种选择器:

  选择器class支持的样例是.intro,选择所有拥有 class="intro" 的组件。

  选择器#id 支持的样例是#firstname ,选择拥有 id="firstname" 的组件。

  选择器 element 支持的样例是view ,选择所有 view 组件。

  选择器element支持的样例是element view, checkbox ,选择所有文档的 view 组件和所有的 checkbox 组件。

  选择器after view支持的样例是after ,在 view 组件后边插入内容。

  选择器before 支持的样例是view:before ,在 view 组件前边插入内容。

  微信小程序wxss内联样式是什么?

  框架组件上支持使用 style、class 属*来控制组件的样式。

  微信小程序wxss内联样式style:

  静态的样式统一写到 class 中。style 接收动态的样式,在运行时会进行解析,请尽量避免将静态的样式写进style中,以免影响渲染速度。

  微信小程序wxss内联样式class:

  用于指定样式规则,其属*值是小程序样式规则中类选择器名(样式类名)的集合,样式类名不需要带上.,样式类名之间用空格分隔。

  微信小程序wxss选择器支持哪些?以上是小编整理微信小程序wxss选择器支持哪些选择器的内容了,以上内容供各位亲们参考哦。大家请多关注微小乔哦。更多微信小程序知识尽在微小乔。

更多阅读:

  微信小程序wxss样式表

  微信小程序自定义loading组件实例

  开发过程中能使用微信小程序自定义icon吗?