CSS覆盖问题?

标签 css

找了很多关于css override的帖子,还是要问一下。 有这个问题。在我的 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 中一切正常。

最佳答案

只需制作一个具有更高权重的选择器,它就会覆盖以前的样式 - 确保您真的覆盖了所有以前设置的规则。

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

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

在这里您可以阅读一些相关信息:http://www.webteacher.ws/2008/05/19/tip-calculate-the-specificity-of-css-selectors/

关于CSS覆盖问题?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2584950/

相关文章:

jquery - 如何在 vaadin 6 中创建自定义 vaadin 组件

css - margin : 0 auto ;不在 IE 中工作也一切都乱七八糟。 UL也乱

php - 卡片列 Bootstrap

javascript - Materialise 中的导航栏上没有侧边菜单按钮。

javascript - jQuery Fancybox 不支持 post 方法中的链接

css - 当其他列只有一个元素时,如何对一列中的元素数组使用网格布局?

html - 递减有序列表

另一个下的 CSS anchor ,两者都是空的以在 javascript 中设置动画

javascript - 使用 Javascript/jQuery 在 iOS 10.3.3 (safari) 中打开一个新选项卡

javascript - 如何将元素添加到现有的CSS类