html - 使用页面上的样式表覆盖 CSS 站点样式

Question

有什么方法可以覆盖页面上的所有其他 CSS 并应用不同的样式表。我有一个在样式表中指定了 H1、H2、P 标签的文件，但在模式窗口中我想应用单独的样式，但样式被忽略以代替站点样式。有没有办法停止应用初始网站样式

Answer 1

最简单的方法是使用 JS 从页面的 HEAD 元素中删除所有样式表标记，除了您想要的工作表(或然后添加到该工作表中)。

如果你使用 jQuery，

$('link[rel=stylesheet]').remove();

或者针对特定工作表:

$('link[rel=stylesheet][href~="whatever.css"]').remove();

不过，正如@Olly Hodgson 所指出的那样，这样做会过分杀伤力并破坏页面所依赖的样式。

实际上，将您喜欢的样式表放在所有其他样式表(和任何内联 CSS)的下方，它将覆盖所有不使用 !important 标记的规则。或者，如果您正在编写 CSS 并且未强制执行特定样式，请使用 !important，例如:

   div{height:99px!important;}