Javascript css类名是全局的吗？

在这个问题上，我不打算过多地钻研代码，相反，我在寻找一个高层次的答案

在我的js中，我有一个类名为

potato

的div。我有一个名为

myStyles.css

的文件，我将该css文件导入到我的js文件中。现在在我的CSS中，我瞄准了

.potato

，并进行了样式设置。到目前为止一切都很好

现在，我创建了一个新的js文件，在这个新文件中，我又有了一个div名称by

potato

。在这个新的js文件中，我不导入

myStyles.css

。但是，由于某种原因，

myStyles.css

中的样式正在应用于该div

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

如果您需要我的任何实际代码来回答这个问题，请让我知道，我可以提供它

---

谢谢

css对于所有组件都是全局的
即使为所有组件导入单个css，它仍然会将其应用于所有其他组件

要解决这个问题，只需向父元素添加和“id”或“class”，然后使用父元素的id访问其类

---

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

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

---

2->不要使用同一个类，也不要直接将css提供给元素

它不是从未修改的文件中提取样式，css是全局的。这就是为什么您只需要导入任意自定义的*.css文件（通常位于应用程序的根目录/根目录附近）。这是因为css是全局的，只需使用css模块创建约束到组件的css文件即可-

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