阿佛洛狄忒中的类 > 元素选择器

Question

如何在 aphrodite 中实现 >elemnt 选择器。我想将我的孩子 div 设置为宽度“100%”

 inputContainer: {
        width: '100%',
        "> div": {
            width: '100%'
        }
    },

但它不起作用。

Answer 1

它有点黑客解决方法，但我相信这应该适用于阿芙罗狄蒂：

    ':nth-child(1n) > div': {
      width: '100%'
    },

它之所以有效，是因为如果您以“:”开始规则，Aphrodite 基本上会将任何内容逐字转换为它创建的样式标签。