课程＆gt;阿芙罗狄蒂的元素选择器

Question

如何在阿芙罗狄蒂中实现＆gt; elemnt选择器。我想将我的孩子div设为宽度＆＃34; 100％＆＃34;

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

但它不起作用。

Answer 1

这是一个黑客的解决方法，但我相信这应该适用于阿芙罗狄蒂：

mydata[order(mydata$id, mydata$score), ]
  id score location
1  1     1        X
2  1     2        Y
3  1     3        Z
6  2     1        Z
5  2     2        Y
4  2     3        X
7  3     1        X
9  3     2        Z
8  3     3        Y

这是有效的，因为如果你用“：”开始规则，阿芙罗狄蒂基本上会将它逐字地转换成它创建的样式标记。

Answer 2

请改用AphroditeJSS。它使用与Aphrodite相同的API，并处理Aphrodite的一些Aphrodite缺点，后代造型就是其中之一。

https://github.com/cssinjs/aphrodite-jss

npm i aphrodite-jss --save-dev

const inputCss = Stylesheet.create = ({
    inputContainer: {
        width: '100%',
        "> div": {
            width: '100%'
        }
    },
});

Answer 3

Aphrodite不支持嵌套元素样式。我建议使用样式组件或迷人。