Javascript 如何将简单的CSS选择器转换为镭？

我是新手，我发现用镭的方式做一些最简单的CSS很困难。以下是一些我被挂断的例子：

后代选择器。我知道，如果通过设置状态逻辑在父级上出现悬停，有一些方法可以应用规则，但我似乎找不到一种直接的方法来针对父级的元素。例如，任何带有.anchor类的项都将是红色的。但是如果

.anchor

是

.listItem

的后代，它应该是蓝色的。在css中，我只需执行

.listItem.anchor{color:blue；}

。我似乎找不到一个简单的方法来做到这一点

是否有针对特定元素的方法，如

a

或

li

？还是总是需要上课

那相邻的选择器呢，有没有镭的方法来处理呢？例如，

.one+.two{color:blue；}

如何选择直接子项？例如，

.container>.ul{color:blue}

，只针对作为container直接子元素的

.ul

元素

如果我想给两个班级同样的风格怎么办？例：

.one、.two{color:blue}

---

“消除CSS而代之以动态计算的内联样式”Yikes，这是一个很大的倒退。。。这些似乎是相关的主题问题，但对于一个“堆栈溢出”问题来说，这里的问题太多了。至少，您可以添加一个堆栈片段，显示您尝试使用Radium和reactjs对某些代码进行样式化的情况吗？一个可运行的演示真的会增加有人能够回答你的问题的可能性。@TylerH，我正在构建一个所见即所得网站生成器。我正在为用户提供他们所做更改的实时预览。所以当他们改变按钮的颜色时，他们会看到它。这就是为什么我想在JS中使用样式。否则，我需要重新编译CSS并重新加载页面。。讨厌！我将尝试获取一个代码示例“消除CSS而支持动态计算的内联样式”Yikes，这是一个大倒退。。。这些似乎是相关的主题问题，但对于一个“堆栈溢出”问题来说，这里的问题太多了。至少，您可以添加一个堆栈片段，显示您尝试使用Radium和reactjs对某些代码进行样式化的情况吗？一个可运行的演示真的会增加有人能够回答你的问题的可能性。@TylerH，我正在构建一个所见即所得网站生成器。我正在为用户提供他们所做更改的实时预览。所以当他们改变按钮的颜色时，他们会看到它。这就是为什么我想在JS中使用样式。否则，我需要重新编译CSS并重新加载页面。。讨厌！我将尝试获取一个代码示例