网站建设方案书内容管理制度,wordpress hankin,app维护费用一般多少钱,教育网站建设wxss定位、选择、查找元素的几种方式与css类似#xff0c;下面介绍常用的几种#xff1a;
选择器样例样例描述.class.intro选择所有拥有 classintro 的组件#id#firstname选择拥有 idfirstname 的组件elementview选择所有 view 组件element, element…wxss定位、选择、查找元素的几种方式与css类似下面介绍常用的几种
选择器样例样例描述.class.intro选择所有拥有 classintro 的组件#id#firstname选择拥有 idfirstname 的组件elementview选择所有 view 组件element, elementview, checkbox选择所有文档的 view 组件和所有的 checkbox 组件 下面是样例
wxml
view classtool idtool-idview绘制展厅/viewview制作展会名片/viewview签到/viewview抽奖/viewview礼品领取/view
/view
wxss
/*使用class进行选择*/
.tool{display: flex;flex-wrap: wrap;justify-content: center;
}/*使用id进行选择*/
#tool-id{width: 200rpx;height: 200rpx;background-color: rgba(0, 162, 255, 0.514);border-radius: 10rpx;display: flex;align-items: center;justify-content: center;text-align: center;color: white;font-size: large;font-weight: bold;margin: 10rpx;
}/*使用框架容器类型进行选择选择所有view*/
view{}
xcss支持组合筛选使用空格分开如下
/*选择的是.tool元素下所有的view容器*/
.tool view{width: 200rpx;height: 200rpx;background-color: rgba(0, 162, 255, 0.514);border-radius: 10rpx;display: flex;align-items: center;justify-content: center;text-align: center;color: white;font-size: large;font-weight: bold;margin: 10rpx;
} 欢迎关注我获取更多微信小程序教程
