目前小程序支持的选择器如下:
选择器 | 样例 |
---|---|
.class | .intro=> 选择所有拥有 class=“intro” 的组件 |
#id | #firstname =>选择拥有 id=“firstname” 的组件 |
element | view=>选择所有 view 组件 |
element, element | view, checkbox=>选择所有文档的 view 组件和所有的 |
::after | view::after =>在 view 组件后边插入内容 |
::before | view::before=>在 view 组件前边插入内容 |
在template中的样式应设置在里面的里面的元素中,如view
index.wxml
<template name="d-blue" >
<view class="tem-b"> 蓝色 </view>
</template>
index.wcss
.tem-b{
color: blue;
}
注意: 直接写在template元素中会应用不了样式,以下是错误的!
<template name="d-blue" class="tem-b">
<view> 蓝色 </view>
</template>