对自定义组件设置样式的一些困惑

来源：12-12 自定义组件样式探讨一：hack方式

居中

2018-10-13

为什么在这段代码中对tag-cmp设置的样式可以生效呢？
.comment-container {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}

.comment-container tag-cmp {
margin-right: 15rpx;
margin-bottom: 10rpx;
}

而下面这段代码更诡异
.comment-container>tag-cmp:nth-child(1)>view {
background-color: #fffbdd;
}

.comment-container>tag-cmp:nth-child(2)>view {
background-color: #eefbff;
}
这段代码达到了设置背景的目的
图片描述

但在查看器里面显示如下图片描述

写回答

1回答

KennyC

2018-10-16

已采纳

//img.mukewang.com/szimg/5bc549a90001414617860373.jpg

个人理解这是对当前wxml里的这个标签的格式，通过调试工具看到是在自定义组件外面又包裹了一层，如图我把背景颜色改成了red ，查看样式，是对外层设置的，而自定义组件的并未改变

居中

非常感谢！

2018-10-22

共1条回复

纯正商业级微信小程序应用实战，全方位小程序特性讲解

真实数据的高质量小程序项目，学会直接工作

4782 学习 · 2125 问题

相似问题

回答 2

回答 1

回答 1

回答 1

回答 1