内联样式
小程序支持动态更新内联样式
<!-- index.wxml-->
<!--可动态变化的内联样式-->
{
titleBackgroundColor:'red',
titleFontSzie:'48rpx'
}
<view style="color:{{titleBackgroundColor}};font-size:{{titleFontSize}}"></view>
选择器
类型 | 选择器 | 样例 | 样例描述 |
类选择器 | .class | .intro | 选择拥有class="intro"的组件 |
id选择器 | #id | #firstname | 选择拥有id="firstname"的组件 |
元素选择器 | element | view checkbox | 选择所有文档的view组件和多有check组件 |
伪元素选择器 | ::after | view::after | 在 view组件后边插入内容 |
伪元素选择器 | ::before | view::before | 在view组件前边插入内容 |
WXSS选择器优先级权重
view{//权重为1
color:blue
}
.ele{//权重为10
color:red
}
view.ele{
color:green
}
#ele{//权重为100
color:pink
}
view#ele{//权重为101
color:orange
}