取消CSS样式表与特定页面/ div / tag的链接

时间:2012-01-31 17:12:57

标签: html css

我正在为我的一位朋友开发一个网站管理工具。在索引页面中,我有一个CSS样式表的链接,该样式表附带了我购买的模板。我使用CKEditor编辑文件,但CSS样式表将许多不良样式应用于编辑器。

我不太熟悉CSS(这就是我购买模板的原因......)而我想取消仅从div / tag链接样式表。我不想将它与整个页面取消链接,因为它使用了样式表。

<div style="UNLINKED">   [CKEDITOR CODE GOES HERE]    </div>

我不知道是否可能,但我需要用它做点什么。 谢谢!

6 个答案:

答案 0 :(得分:1)

你必须覆盖样式,没有办法&#34;取消链接&#34;页面样式中的特定元素。 因此,例如,如果样式表为所有段落定义了粗体文本,如下所示:

p { font-weight: bold; }

你必须覆盖它才能使段落恢复正常文本:

div.unlinked p { font-weight: normal; }

答案 1 :(得分:1)

为div分配一个类并为其创建样式 - 类中定义的样式将覆盖全局样式。

div.nostyle {
    margin: 0;
    padding: 0;
    text-decoration: none;
    border: 0 none;
}

<div class="nostyle">CKEDITOR CODE</div>

答案 2 :(得分:0)

如果在开头链接了样式表,则无法取消链接。 只有某些情况可以帮助:

  1. 将所有<div ... </div>句点放入iframe。
  2. 或覆盖div的所有样式元素

答案 3 :(得分:0)

在这种情况下,我建议将代码嵌入到iframe元素中。否则,没有办法避免级联而不用更具体的规则覆盖影响内容的每个规则。

答案 4 :(得分:0)

好的,所以每个开发者的解决方案可能都不同。如果是ckeditor,请尝试删除表选择器。对我来说问题出在<td>选择器上。谢谢你的答案......

答案 5 :(得分:0)

轻松!您所要做的就是删除HTML顶部的代码!完成后,页面会自动取消与样式表的链接。无需覆盖提供的内容。 :)