当前阅读教程:微信小程序设计教程 > 选择器的分组 | |
阅读(22555525) 收藏 赞(5685) 分享 | |
上一篇: 选择器 | 下一篇: 派生选择器 |
通过分组,创作者可以将某些类型的样式“压缩”在一起,这样就可以得到更简洁的样式表。 1.基础语法你可以对选择器进行分组,这样,被分组的选择器就可以分享相同的声明。用逗号将需要分组的选择器分开。在下面的例子中,我们对所有的标题元素进行了分组。所有的标题元素都是绿色的。代码示例 如下: h1,h2,h3,h4,h5,h6 { color: green; } 2.小程序应用根据基础语法,下面在微信小程序中实现,使用选择器分组,将多个小程序组件的样式定义在一起。 .wxml文件代码示例 如下 <view> 普通文本 </view> <view> <text>普通文本</text> </view> <view> <label>姓名:</label><input type='text' placeholder='请输入文字'></input> </view> .wxss文件代码示例 如下: /* 元素选择器 */ page{ background-color: gainsboro; } view{ background-color: aliceblue; } text,input,label{ color: red; } 效果如图6-1所示。 |
|
上一篇: 选择器 | 下一篇: 派生选择器 |