Question

我想覆盖样式填充顶部：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很好地解释了它，并且应该可以完美地工作，我将其应用于WordPress主题的自定义CSS并为我工作。我无法更改的CSS内联了div。

覆盖wordpress模板的内联css

3 个答案: