Javascript 当CSS应用于正文或html时，如何在Reactjs上的SPA构建中保持特定于每个页面的CSS属性

对于我的登录页面，我在html、body上应用了一些css，因为我正在使用React.js构建SPA。 当我在登录后导航到主屏幕时，主体是相同的，因此CSS应用于所有地方

---

如何使其仅特定于登录页面。假定。

将特定类应用于其div容器。例如

.loginContainer{
  height:200px
}

在您的div容器中，您可以在className属性中调用它

<div className="loginContainer">Login container here</div>

此处登录容器

如果您希望CSS应用于单个组件，请看一看，在react中实现ShadowDOM的一种方法是使用ShadowDOM，通过使用ShadowDOM，CSS不会从该组件泄漏出去

---

小示例

谢谢Abdullah，我会检查一下。