反應 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 */
}