filesbox/miniprogram/FilesBox/node_modules/mp-html/plugins/style
2023-09-21 10:23:31 +08:00
..
index.js 小程序 2023-09-21 10:23:31 +08:00
parser.js 小程序 2023-09-21 10:23:31 +08:00
README.md 小程序 2023-09-21 10:23:31 +08:00

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 {}

伪类仅支持 beforeafter,支持 attr 方法
不支持的选择器(属性选择器等)将被忽略

由于小程序中无法动态写入 css,本插件的实现原理是通过解析,将匹配的样式添加到各标签的行内 style 中去,请慎用宽泛的选择器,以免大大增加解析结果大小,减慢渲染速度