覆盖wordpress模板的内联css。

Question

我想把样式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;
}

Answer 1

要选择这个特定的 <div> 你写你的 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 CSS 对于 font.

Answer 2

使用下面的代码，它将适用于两种情况，如果你有一个或两个类的div标签。

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

Answer 3

Justinas解释得很好，这应该是完美的工作，我已经应用同样的自定义CSS的WordPress主题，并为我工作。我有麻烦改变的CSS是内联一个div。