我不会在这个问题中过多地研究代码，相反，我正在寻找一个高级答案。
在我的js中，我有一个类名为potato的div。我有一个名为myStyles.css的文件，我将该CSS文件导入到了我的js文件中。现在，在我的CSS中，我以.potato为目标，并进行样式设计。到目前为止一切都很好。
现在我创建了一个新的js文件，在这个新文件中，我又有了一个名为potato的div。在这个新的js文件中，我不导入myStyles.css。但是，由于某种原因，myStyles.css中的样式正在应用于该div！
请告诉我为什么会这样？为什么要从未导入的文件中提取样式？
如果你需要我的任何实际代码来回答这个问题，请让我知道，我可以提供它。
谢谢！
我遇到了与您相同的问题。所以，如果你用class制作一个简单的css文件，那么它将作为一个全局文件工作。因此解决方案如下：
1->导入css作为模块并使用它
2->不要使用相同的类或者不要直接给元素提供css
css对于所有组件都是全局的
即使您为所有组件导入单独的css，它仍然会将其应用于所有其他组件。
要修复此问题，只需添加并"id"；或"；类"；到父元素，然后使用该父元素的id访问其类。
#myComponent .first{
/* your css */
}