html - 覆盖 css 文件中的定义

Question

我有一个为所有

标签定义样式的 css 文件。

像这样

 p { ......... }

如何在包含具有默认样式的样式表的页面中编写

？

Answer 1

没有简单的方法可以做到这一点。

虽然有一些常见的技巧可以模拟这种行为。根据覆盖区域的复杂程度以及您想要执行此操作的频率，最佳使用方法会有所不同。

方法 1(用于简单覆盖):

在类似于您清除默认样式的语句中添加一个额外的类定义(如在 http://www.wordpress.darfuria.com/blog/clear-css-defaults 中讨论的那样)。您可能必须仔细安排声明，以防止“正常”样式优先。

.override {/*Your default style overrides, color: white;
 margin: 0; background:none; etc */}


<p class="override">foo</p>

方法 2(笨拙，但适用于复杂区域):

使用 iframe 从站点其他地方托管的单独 .html 文件中提取整个区域。 iframe 内的内容尊重框架内页面的 CSS，通常会忽略周围页面的 CSS。

方法 3(适用于一次性覆盖):

使用内联样式，正如其他人在此处所描述的那样。

编辑:不是真正的方法，但可能是最正确的方法

也可能不是您想听到的

重新思考您安排类(class)的方式。

例如:

如果覆盖 <p>在某种程度上是特殊的，它可能值得拥有自己的类来描述它的用途。 <p class='override'>不会帮助那些在您完成设计后查看您的设计的人，因为它不会告诉他们被覆盖的文本的用途或为什么要这样设计。

覆盖是否出现在特定区域？如果是这样，它们的样式定义如 div.left_nav p {/*styles*/}可能更合适。

最后，是你的默认<p>样式不是真的默认设置？也许更松散指定的 p 样式可能是有序的，附加 p.foo和 p.bar稍后定义。

这并不能解决您眼前的问题，但在您开始下一个元素之前可能值得细细品味。