javascript - 不要在特定页面上应用 css

Question

是否可以以及如何不在特定网页上应用 css？

---

例如，我在母版页上有一些 div 和它们的一些 css

.header {...}

但是我也有一些页面(Home page)，它不同于所有站点风格。

所以我不想从母版页应用 css，也不想像这样覆盖现有的 css 规则:

#specific.header{...}

---

也许有添加新母版页等解决方案。

---

在加载页面之前使用JS添加一些css好吗？

Answer 1

也许您可以尝试以下任一选项:

• 将所有标准页面包装在 <div id="whatever"> 下，除了您希望摆脱常规 CSS 的特定页面。然后在你的 css 规则前加上#whatever，所以 a {color:red;}将是 #whatever a {color:red}

这种方法使用 LESS 非常容易，因为不需要为每个规则添加前缀，只需将它们包装在 #whatever { ALL YOUR RULES} 中即可。

• 如果您使用任何 MVC 风格的框架，通过 JS 或您的服务器逻辑动态加载您的 css。