31 lines
1.1 KiB
Markdown
31 lines
1.1 KiB
Markdown
|
# style
|
||
|
|
功能：解析和匹配 *style* 标签中的样式
|
||
|
|
|
||
|
|
> 这里的 *style* 标签指的是传入 *content* 属性中的 *html* 里包含的 *style* 标签，且 *style* 标签要放在其他标签前面才能生效
|
||
|
|
|
||
|
|
大小：*≈3.5KB*
|
||
|
|
支持平台：
|
||
|
|
|
||
|
|
| 微信小程序 | QQ 小程序 | 百度小程序 | 支付宝小程序 | 头条小程序 | uni-app |
|
||
|
|
|:---:|:---:|:---:|:---:|:---:|:---:|
|
||
|
|
| √ | √ | √ | √ | √ | √ (nvue 直接支持) |
|
||
|
|
|
||
|
|
说明：
|
||
|
|
支持以下选择器：
|
||
|
|
|
||
|
|
| 名称 | 示例 |
|
||
|
|
|:---:|---|
|
||
|
|
| 标签名选择器 | p {} |
|
||
|
|
| class 选择器 | .class {} |
|
||
|
|
| id 选择器 | #id {} |
|
||
|
|
| 多选择器交集 | p.class {} |
|
||
|
|
| 多选择器并集 | p, .class {} |
|
||
|
|
| 后代选择器 | .class1 .class2 {} |
|
||
|
|
| 子选择器 | .class1 > .class2 {} |
|
||
|
|
| 伪类 | .class::before {} |
|
||
|
|
|
||
|
|
伪类仅支持 *before* 和 *after*，支持 *attr* 方法
|
||
|
|
不支持的选择器（属性选择器等）将被忽略
|
||
|
|
|
||
|
|
> 由于小程序中无法动态写入 *css*，本插件的实现原理是通过解析，将匹配的样式添加到各标签的行内 *style* 中去，请慎用宽泛的选择器，以免大大增加解析结果大小，减慢渲染速度
|