我可以使用清晰度将标头嵌套在堆栈视图中吗？>

Question

在Clarity 2中，我们使用以下代码生成带有嵌套块头的堆栈视图。

<clr-stack-view>
    <clr-stack-block [clrSbExpanded]="true">
        <clr-stack-label>Leases</clr-stack-label>
        <clr-stack-block [clrSbExpanded]="true">
            <clr-stack-label>vApp leases</clr-stack-label>
            <clr-stack-content></clr-stack-content>
            <clr-stack-block>
                <clr-stack-label>Runtime expiry action</clr-stack-label>
                <clr-stack-content>Never expires</clr-stack-content>
            </clr-stack-block>
            <clr-stack-block>
                <clr-stack-label>Runtime Expiry Action</clr-stack-label>
                <clr-stack-content>Content</clr-stack-content>
            </clr-stack-block>
        </clr-stack-block>
    </clr-stack-block>
</clr-stack-view>
升级到Clarity 3后，我的子标题出现小故障，它的右边部分是白色而不是背景颜色。

这似乎是由于以下CSS规则。我可能可以解决它...

.stack-view .stack-children .stack-block-label, .stack-view .stack-children .stack-block-content {
    background-color: #fff;
    background-color: var(--clr-stack-view-stack-children-stack-block-label-and-content-bg-color, white);
}
问题是这是否是错误？还是我只是在Clarity 2中使用不受支持的行为？您可以play with it here

在Clarity 2中，我们使用以下代码生成带有嵌套块头的堆栈视图。 ... [>

Answer 1

我不能说这是否是一个错误，但是下面的CSS替代可以解决它。

.stack-view .stack-children .stack-block-content {
  background-color: inherit;
}
此外，如果我从开发工具中完全删除了该样式声明，那么一切似乎都可以正常工作，因此似乎错误地保留了该规则，以确保clr-stack-content|label在体内是白色的。如果我知道的话...