阻止某些特定页面中的特定 css 内容
Posted
技术标签:
【中文标题】阻止某些特定页面中的特定 css 内容【英文标题】：To block particular css content in some specific pages 【发布时间】：2020-01-26 08:27:49 【问题描述】：我在 html 上有 css 属性，但我想在特定页面上阻止这个特定的 css 属性。
html -moz-transform: scale(0.8, 0.8); zoom: 0.8; zoom: 80%; overflow-x: hidden;
现在我已经在基本文件中完成了这项工作，我无法排除 base.html ，如何在任何其他页面上阻止这个 css？
P.S：我使用的是块 html(django 模板)，因此标签只存在于 base.html 中
【问题讨论】：
【参考方案1】：将此css附加到一个类上？
喜欢：
html.className
-moz-transform: scale(0.8, 0.8);
zoom: 0.8;
zoom: 80%;
overflow-x: hidden;
然后在你要使用的页面上添加
<html class="className">
或不同的方法
html:not(.className)
-moz-transform: scale(0.8, 0.8);
zoom: 0.8;
zoom: 80%;
overflow-x: hidden;
这会将它设置为所有没有该类的页面，所以在你不想使用这个 css 的页面上添加：
<html class="className">
另一种解决方案是将此 CSS 作为样式元素放在您想要使用它的页面的头部，但这并不那么聪明。
【讨论】：
这绝对是一种方法，但我没有使用原生 html，我使用的是块 html，所以 标签只存在于 base.html 中，所以无论 base.html 包含在 未添加标签。 哦，为什么你不在 body 上使用 css 而不是 html？ 这是必要的，因为其他元素，如工具提示定位、弹出框等。 那么我唯一想到的就是使用 javascript... 在那个页面上你不想只是将一个类附加到你的 html 标记并仍然使用它：not(yourClass) 和它会做...以上是关于阻止某些特定页面中的特定 css 内容的主要内容，如果未能解决你的问题，请参考以下文章