[英]Overriding Inline css of wordpress template
我想将样式 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;
}
要选择这个特定的<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
具有用于font
inline CSS
时才有效。
如果您在 div 标签上有一个或两个类,则使用以下代码它将适用于这两种情况。
.gdlr-full-size-wrapper.gdlr-show-all, .gdlr-full-size-wrapper .gdlr-show-all
{
padding-top:0px !important;
}
Justinas 解释得很好,这应该可以完美运行,我已将其应用于 WordPress 主题的自定义 CSS 并且对我有用。 我无法更改的 CSS 是内联 div。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.