多个外部样式表？

Question

您好我想使用下载的代码添加弹出式登录屏幕。然而问题是它附带的CSS文件与我现有的文件冲突。

有没有办法让样式表只应用于一组div标签或任何其他方法才能使其工作？谢谢。

Answer 1

你不能让样式表只在div（或任何其他）标签中应用，但是你可以将你的登录代码放在div中，给它一个特定的id（比如'login'）然后放#login之前登录CSS中的所有样式。这将使它们仅适用于该div。

因此，例如，如果您的登录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;
}