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

Question

为什么在这段代码中对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;
}
这段代码达到了设置背景的目的

但在查看器里面显示如下

Answer 1

KennyC 2018-10-16 10:16:38

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

• 提问者 居中 #1

  非常感谢！