微信小程序样式.docx

发布时间：2022-05-31 发布人：admin 分类：说明书资料大小：0.05M 资料格式：docx 举报版权申诉

ozhy111-10441224-4744302542891022070.docx.pdf-第1页.png

第1页 / 共5页

ozhy111-10441224-4744302542891022070.docx.pdf-第2页.png

第2页 / 共5页

ozhy111-10441224-4744302542891022070.docx.pdf-第3页.png

第3页 / 共5页

ozhy111-10441224-4744302542891022070.docx.pdf-第4页.png

第4页 / 共5页

ozhy111-10441224-4744302542891022070.docx.pdf-第5页.png

第5页 / 共5页

文本预览

-------------------class------------- d1 d2 Class 叠加 ---Wxss-- .d1 { color: #F00; } .d2 { font-size: 30px; } -----wxml--- 1 2 -----结果---- .d1 view 子节点组件为 view ---Wxss-- .d1 { color: #F00; } .d1 view { font-size: 30px; } -----wxml--- 1 2 -----结果如上----

view .d1 子节点是 view 的组件并且 class=’d2’ ---Wxss-- .d1 { color: #F00; } view .d1 { font-size: 30px; } -----wxml--- 1 2 3 -----结果---- text.d1 节点是 text 的组件并且 class=’d1’ ---Wxss-- .d1 { color: #F00; } text.d1 { font-size: 30px; } -----wxml--- 2 3 -----结果----

-------------------id------------ ---Wxss-- #d1 { color: #F00; } #d2 { font-size: 30px; } -----wxml--- 1 2 -----结果---- #d1,#d2 叠加 ---Wxss-- #d1 { color: #F00; } #d1,#d2 { font-size: 30px; } -----wxml--- 1 2 -----结果----

追加 ---Wxss-- #d1 { color:#FF1493;} #d2{font-size: 30px;} #d2{ color:blue;} -----wxml--- 1 2 ::after 在后面添加内容 ::before 在前面添加内容 ---Wxss-- #d1 {color:#FF1493;} #d2 {font-size: 30px;} #d2::after { content:"台词：";} -----wxml--- 1 2

-------------------元素----------- ---Wxss-- text {color:#FF1493;} view {font-size: 30px;} -----wxml--- text view -----结果---

分享到：

赞收藏

资料库

微信小程序样式.docx

相关推荐

移动开发

热门标签

最新资料