css - 样式表问题

Question

当我使用我的文本编辑器向我的网页添加文本时，它会在基本上是一个 iframe 的文本编辑器中正确显示样式。保存此数据后，它会显示在出现问题的另一个页面上。我希望网页上的描述部分使用自己的样式，而不会被页面样式覆盖。

我需要使用 iframe 来显示这些数据吗？有什么方法可以阻止 block 使用页面样式。

请指教。

感谢您的所有帮助。

Answer 1

CSS 的工作原理是应用适用于元素的规则，顺序是从最普遍针对该元素的规则到最特别针对该元素的规则。因此，您可以为描述部分添加引用容器的规则，并重置您不喜欢的正在应用的样式。例如，使用这些规则:

p
{
    color: red;
}
#description p
{
    color: blue;
}

...页面上的所有段落都将具有红色文本除了元素内具有 id“description”的段落将具有蓝色文本(前提是该文本未被其他元素设置样式与其他规则)。这是因为第一条规则非常笼统，第二条规则更具体，因此会覆盖第一条规则。

它不一定是带有ID的容器，只要是使规则更具体地针对描述内容的任何东西即可。例如，如果描述容器没有 ID 但有类，您只需相应地更改第二条规则:

.description p
{
    color: blue;
}

任何具有“描述”类的元素中的任何段落现在都将具有蓝色文本。

不幸的是，我不相信有一种样式可以“只忽略除此规则之外的所有内容”，因此您必须单独覆盖您不想要的样式。对于整体方法，您需要一个建议的 iframe。