Css 类别>；阿芙洛狄忒中的元素选择器

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

---

但它不起作用。

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

Aphrodite不支持嵌套元素样式。我建议使用风格化的组件或魅力四射的组件。

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

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

---

它之所以有效，是因为阿芙罗狄蒂基本上会将任何内容逐字转换到它创建的样式标记中，如果你以“：”开始规则，“

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

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

---

它之所以有效，是因为如果您以“：”开头规则，Aphrodite基本上会将任何内容逐字转置到它创建的样式标记中。

使用Aphrodite JSS。它使用与Aphrodite相同的API，处理Aphrodite的一些缺点，后裔样式就是其中之一

npm i aphrodite jss——保存开发


const inputCss=Stylesheet.create=({
输入容器：{
宽度：“100%”，
“>div”：{
宽度：“100%”
}
},
});改用AphroditeJS。它使用与Aphrodite相同的API，处理Aphrodite的一些缺点，后裔样式就是其中之一


npm i aphrodite jss——保存开发


const inputCss=Stylesheet.create=({
输入容器：{
宽度：“100%”，
“>div”：{
宽度：“100%”
}
},
});请分享html代码！请分享html代码！请注意，这是黑客攻击，在未来的版本中可能会中断。话虽如此，这似乎是唯一的工作注意到，这是黑客，并可能在未来的版本打破。话虽如此，这是唯一有效的方法