反应 css class 名称是全球性的？

Question

我不会在这个问题中过多地深入研究代码，而是在寻找一个高级别的答案。

在我的 js 中，我有一个带有 class 名称的 div potato 。 我有一个名为myStyles.css的文件，我将该 CSS 文件导入到我的 js 文件中。 现在在我的 CSS 中，我以.potato为目标，并进行造型。 到目前为止一切都很好。

现在我创建了一个新的 js 文件，在这个新文件中，我再次有一个 div 名称，名称为potato 。 在这个新的 js 文件中，我没有导入myStyles.css 。 但是，出于某种原因，来自myStyles.css的样式正在应用于该 div！

请让我知道为什么会这样？ 为什么要从未导入的文件中提取样式？

如果您需要我的任何实际代码来回答这个问题，请告诉我，我可以提供。

谢谢！

Answer 1

我遇到了你面临的同样问题。 因此，如果您使用 class 制作一个简单的 css 文件，那么它将作为全局文件工作。 所以解决方案如下：

1-> 导入 css 作为模块并使用它

2-> 不要使用相同的 class 或不要将 css 直接提供给元素

Answer 2

css 将适用于所有组件。
即使您为所有组件导入单独的 css，它仍会将其应用于所有其他组件。

要解决此问题，只需将“id”或“class”添加到父元素，然后使用该父元素的 id 来访问其类。

#myComponent .first{
   /* your css */
}