多個外部樣式表？

Question

你好，我想添加一個彈出登錄屏幕使用下載的代碼。然而，問題在於它附帶的CSS文件與我現有的CSS文件衝突。

有什麼辦法讓一個樣式表只適用於一組div標籤或任何其他方法，使其工作？謝謝。

Answer 1

你不能製作一個樣式表只適用於div（或任何其他）標籤，但你可以把你的登錄代碼放在一個div中，給它一個特定的id（比如'login'），然後放置#login在登錄CSS中的所有樣式之前。這將使他們只適用於該分區。

因此，例如，如果你的登錄CSS中有一行：

form { border: none; } 

它會成爲：

#login form { border: none; } 

...與同爲所有其他項目。這是我能想到的最簡單的方法 - 假設當然你不能只彈出一個單獨的HTML文件，而不包括你的主CSS。

Answer 2

您可以使用繼承CSS類 - 例如

.newParentClass .theConflictClass{ 
    /*Override unnecessary CSS properties and use the one you wanted*/ 
    /*In case if this doesn't work you can fallback to "!important" */ 
    border: 1px solid #f00 !important; 
}