Остановить создание дочернего элемента div, но только для одного идентификатора div в css - PullRequest
Новая
       3

Остановить создание дочернего элемента div, но только для одного идентификатора div в css

1 голос
/ 14 февраля 2012

В настоящее время я использую 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, проблема в том, что он получает 15px отступов от rt-блока. Если я устанавливаю для rt-block значение padding: 0px, это дает желаемый эффект для thumbnail_scroller, но также применяет заполнение нулями ко всему остальному на странице, так как класс rt-block используется совместно с многочисленными другими элементами на странице (это способ шаблон закодирован автором). Я хочу применить нулевое заполнение к блоку rt, но только для модуля thumbnail_scroller.

Я пытался 

.thumbnail_scroller {padding:0px !important}

но это, похоже, ничего не делает, у кого-нибудь есть идеи на этот счет? : -)

Ответы [ 2 ]

3 голосов
/ 14 февраля 2012 
div.thumbnail_scroller div.rt-block {
    padding:0;
}

Это специально предназначено для div с классом rt-block, которые находятся внутри div с классом thumbnail_scroller.

2 голосов
/ 14 февраля 2012

Вы можете быть гиперспецифичными, пытаясь что-то в своем CSS, например: 

div.thumbnail_scroller div.rt-block {

    padding: 0px;
}

Эта директива будет применяться только к div класса thumbnail_scroller ЕСЛИ она находится в пределах divконтейнер класса rt-block.

(отредактировано для div заказа - перечитайте свой вопрос.) {: ¬)

...