多个外部样式表？

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; 
}