html - 多个外部样式表？

Question

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

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

Answer 1

您不能使样式表仅适用于 div（或任何其他）标签，但您可以将登录代码放在 div 中，给它一个特定的 ID（比如“登录”），然后将 #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;
}