Question

我们再来一次。让我们看看是否可以解密谜题：D。因此，问题如下。我有一个外部CSS文件。我在文件中放入了一些“规范”。我下载了一个插件，该插件可以将外部CSS文件链接到js文件。因此，通过这种方式，我可以“风格化”这些文件中的JSX语法。一切运行良好，但出现了问题。如果我在元素内声明了“ className”，并且尝试操纵该元素的属性，则不会发生任何事情。但是，如果我按名称（例如：div {...}或footer {...}）将其“调用”到css文件中，则会发生操作。

这是JSX语法中的代码：

<div className = "userlog_wrapper">.....</div>

..这是css文件中的代码：

.userlog_wrapper{
  width: 100%;
  height: 660px;
}

Answer 1

好，我修复了它。解决方案如下...如果您将nextjs插件用于css click on me，则需要在js文件中编写：

import css from ../wherever/the/file/are

，然后在className旁边放置“ = {css.nameOftheClass}”。就是这样，它应该可以工作。

className不适用于样式

1 个答案: