JSS是为JS呈现的动态生成HTML而设计的。它的目的是为类名生成唯一标识符，以防止命名冲突。

如果要生成静态CSS，可以更轻松地查看较少的CSS，并使用gulp或较少的straight来构建它们(http://lesscss.org/usage/).

Here\'s heavily modified example which does what you might want.https://codesandbox.io/s/core-jss-playground-84yve

所有操作都是使用jss-plugin-global

将其与CSS规则定义方式的初始代码进行比较@global 使它们在不使用动态部分增强类名的情况下进行渲染。

还要看https://cssinjs.org/jss-plugin-global 文档和嵌套插件文档https://cssinjs.org/jss-plugin-global 因为它很有用。

您可能会发现使用JSS-CLI很有用https://cssinjs.org/cli/因此，使用JSS CLI，您可以将JSS整合到静态CSS中，并通过wp_enqueue_style() 作为普通css文件。

或者您可以使用webpack+babel从ES6语法构建JS with JSS文件，然后使用wp_enqueue_script() 构建的JS将编译内部JS并注入页面，就像示例中所示。