我想将样式 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
时有效有inline CSS
对于 font
.
关于css - 覆盖wordpress模板的内联css,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32138126/