【问题标题】:Overriding Inline css of wordpress template覆盖wordpress模板的内联css
【发布时间】:2015-08-21 10:32:46
【问题描述】:

我想将样式 padding-top:100px 覆盖为 padding-top:0px。如何覆盖 wordpress 模板中的内联样式?

<!-- Sidebar With Content Section-->
    <div class="with-sidebar-wrapper">
  <section id="content-section-1" >
  <div class="gdlr-full-size-wrapper gdlr-show-all"  style="padding-top: 100px; padding-bottom: 0px;  background-color: #ffffff; "  ><div class="gdlr-master-slider-item gdlr-slider-item gdlr-item"  style="margin-bottom: 0px;"  >
    <!-- MasterSlider -->

我已经在 style.css 中尝试过下面的代码,但它不起作用!

.gdlr-full-size-wrapper .gdlr-show-all{
padding-top:0px !important;
}

【问题讨论】:

    标签: css wordpress stylesheet inline element


    【解决方案1】:

    要选择这个特定的&lt;div&gt;,你可以写你的CSS,比如:

     .gdlr-full-size-wrapper.gdlr-show-all {
    
     } /*without space between*/
    

    你正在使用

     .gdlr-full-size-wrapper .gdlr-show-all {
    
     }
    

    即选择

    <div class="gdlr-full-size-wrapper">
       <div class="gdlr-show-all"></div>
    </div>
    

    此外,如果您只愿意覆盖 inline CSS,那么您也可以使用 [style] 选择器。

    作为:

    <div class="someClass" style="font-size:10px; "></div>
    

    所以我们可以这样写CSS

    .someClass[style] { font-size:14px !important}
    

    这里的诀窍是这个CSS 仅在someClass 具有inline CSSfont 时才有效。

    【讨论】:

    • 谁能解释一下wordpress中的内联样式是如何创建的,如何不使用上述方法直接修改。有可能吗?
    • 在哪里添加该JS语句,我的意思是在哪个php文件中? (我是 wordpress 新手)
    • @DeebashVFX 我也不懂 WP,但你必须把它放到.js 文件中
    【解决方案2】:

    如果您在 div 标签上有一个或两个类,则使用以下代码将适用于这两种情况。

    .gdlr-full-size-wrapper.gdlr-show-all, .gdlr-full-size-wrapper .gdlr-show-all
    {
     padding-top:0px !important;
    }
    

    【讨论】:

      【解决方案3】:

      Justinas 解释得很好,应该可以完美运行,我已将其应用于 WordPress 主题的自定义 CSS 并为我工作。我无法更改的 CSS 是内联 div。

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2018-06-16
        • 1970-01-01
        • 1970-01-01
        • 2011-05-29
        • 2014-09-03
        • 2016-12-17
        相关资源
        最近更新 更多