Question

我现在正在使用Joomla创建一个网站，我遇到了某个模块应用填充的问题。问题是Joomla你有模块的类，我似乎无法覆盖。布局如下：

    <div id="rt-page-surround">
    <div class="rt-container">
    <div class="rt-container-bg">
    <div id="rt-drawer">
    <div id="rt-header">
    <div class="rt-grid-6 rt-alpha">
    <div class="rt-grid-6 rt-omega">
    <div class="thumbnail_scroller">
    <div class="rt-block">
    <div class="module-content">
    <div id="jdv_iscroll122_wrap" class="jdv_iscroll_wrap " style="width: 620px; height: 110px; ">
    <div id="jdv_iscroll122_inner" class="jdv_iscroll_inner horizontally" style="width: 32766px; height: 110px; left: 0px; ">
    </div>

我试图修改的模块是thumbnail_scroller，问题是从rt-block获得15px的填充。如果我将rt-block设置为padding：0px这会给thumbnail_scroller带来所需的效果，但它也会将零填充应用于页面上的其他所有内容，因为rt-block类与页面上的许多其他元素共享（这是方式模板由作者编码）。我想要做的是将零填充应用于rt-block，但仅适用于thumbnail_scroller模块。

我试过了

.thumbnail_scroller {padding:0px !important}

但这似乎什么都不做，任何人对此都有任何想法？： - ）

Answer 1

div.thumbnail_scroller div.rt-block {
    padding:0;
}

这专门针对具有thumbnail_scroller类的div内部的rt-block类的div。

Answer 2

您可以通过在CSS中尝试以下内容来实现超特定性：

div.thumbnail_scroller div.rt-block {

    padding: 0px;
}

该指令仅适用于div类thumbnail_scroller，如果它位于div类rt-block的{{1}}容器中。

（编辑div订单 - 重新阅读您的问题。）{：¬）

阻止子div创建填充，但仅限于css中的一个div id

2 个答案: