reactjs - 如何使用react-jss组件为子元素添加样式？

我正在使用 react-jss 组件。
这是我的示例代码:

<ul>
  <li className={classNames(classes.listStyleNone)}>Item 1</li>
  <li className={classNames(classes.listStyleNone)}>Item 2</li>
  <li className={classNames(classes.listStyleNone)}>Item 3</li>
</ul>

我在 style.js 中的代码是:

const styles = theme => ({
    listStyleNone: {
        listStyle: 'none',
    },
})

有没有办法我只向 ul 元素添加一个类，并在 react-jss 组件中为它的子元素设置样式？
像这样:

.listStyleNone > li {list-style: none;}

最佳答案

谢谢大家
但是，对于列表样式，它可以工作，但对于其他CSS，如padding:10px；不是。
所以这是一个更好的方法:

<ul className={classNames(classes.listStyleNone)}>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul>

const styles = theme => ({
    listStyleNone: {
        '& li':{
            listStyle: 'none';
        }
    },
})