如何在同一样式表 JSS 中引用本地规则答案

【问题标题】：How to reference a local rule within the same style sheet JSS如何在同一样式表 JSS 中引用本地规则
【发布时间】：2019-12-26 12:14:23
【问题描述】：

我该如何解决？

'&:focus':{
    '&:hover':{
        borderColor: colors.electro
        },
    `&~${ classes.error }`:{
        display: 'none'
        },
}

我将如何做相当于 classes.error 的操作？

【问题讨论】：

标签： reactjs jss

【解决方案1】：

您只需使用 $classname，因为 JSS 中没有类对象。

确保您拥有jss-nested。你可以在那里找到文档。

将代码的最后一部分替换为：

'& $error':{
    display: 'none'
  },

这是假设您的 JSS 中有另一个名为 error 的类。它将使用生成的名称。这允许您像这样应用类：{classNames(classes.whatever, classes.error)}

如果您的 JSS 中没有另一个名为 error 的类，那么您可以删除美元符号。这意味着当你将类应用到你的元素时，你可以使用{classNames(classes.whatever, 'error')}

注意，我使用的是classNames，但你可以使用字符串 concat。

【讨论】：