Question

我发现了很多关于css覆盖的帖子，但还是需要问一下。有这个问题。在我的wordpress主题链接，按钮，p，div，...元素被定义，但我需要在我的div框中覆盖所有以前定义的值，只是为了清除它。我怎么能这样做，这里是我的div框的结构

<div class="nBox">
    <div id="skr" class="newsBox scrollable">
        <div class="items">

        <div class="this-one">

         I here load programmaticly text from Tinymce editor,
         with tags and his own defined styles and values.

        </div>

有没有办法清除以前定义的样式，所以在我的div.this-one everythings工作正常。

Answer 1

只需制作一个重量较高的选择器，它将覆盖以前的样式 - 确保你真的覆盖了之前设置的所有规则。

.nBox .this-one {
padding:0;
margin:0;
....
}

您也可以使用ID覆盖它。 ID具有比类更高的权重 - 但是注释ID必须是唯一的。

您可以在这里阅读一下：http://www.webteacher.ws/2008/05/19/tip-calculate-the-specificity-of-css-selectors/

Answer 2

TinyMCE位于iframe，不应受页面样式的影响。如果您绝对需要这样做，我会寻找一个css重置样式表，然后在样式表中的每个规则之前放置div.items<space>（并删除主体级规则）

Answer 3

我不知道任何方法只是说style: none会否定元素继承的任何和所有可能的样式规则。但是，由于您想要擦除的大部分内容都与字体/文本，颜色或边距/填充相关，因此您可以通过一些简单的规则处理大多数问题：

.this-one {
   margin: 0; !important
   padding: 0;!important
   font: none;!important
   background: none;!important
}

然后设置您想要的值。

CSS覆盖问题？

3 个答案: