停止創建填充的子div，但只在一個div的id在css

我使用Joomla創建一個網站的時刻，我有一個模塊獲取填充應用到它的問題。問題出在Joomla你有模塊的類，我似乎無法覆蓋。佈局如下：停止創建填充的子div，但只在一個div的id在css

<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-塊得到填充15px的。如果我將rt-block設置爲padding：0px，則會給thumbnail_scroller帶來所需的影響，但它也會將零填充應用於頁面上的其他所有內容，因爲rt-block類與頁面上的許多其他元素共享（這是該模板由作者編碼）。我想要做的是將零填充應用於rt-block，但僅適用於thumbnail_scroller模塊。

我已經試過

.thumbnail_scroller {padding:0px !important}

但這似乎什麼都不做，任何人任何想法在這一個？ :-)

來源

2012-02-14 Iain Simpson

嘗試用：.thumbnail_scroller {填充：0 0 0 0重要;}也許你只是忘了分號結束 – andreapier 2012-02-14 09:34:22

！嗨，不，也沒有做任何事。 – 2012-02-14 09:35:52

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

此對象特別針對div與rt-block類，它們位於具有thumbnail_scroller類的div內。

來源

2012-02-14 09:34:44 shanethehat

謝謝！多數民衆贊成它:-) – 2012-02-14 09:37:16

你可以是專用的超通過像你的CSS中嘗試一些：

div.thumbnail_scroller div.rt-block { 

    padding: 0px; 
}

該指令將僅適用於thumbnail_scroller類的div如果坐在rt-block類的div容器內。

（編輯爲div秩序 - 重讀你的問題。）{：¬）

來源

2012-02-14 09:35:31

停止創建填充的子div，但只在一個div的id在css

回答

相關問題