Блог

Главная - Вопросы по программированию - Целевой потомок того же уровня элемента

Целевой потомок того же уровня элемента

#css #class #html

#css #класс #HTML

Вопрос:

Есть ли простой способ настроить таргетинг на все элементы 3-го уровня?

Например, мой макет правого столбца выглядит следующим образом:

 <div class=right_column>
 <div class=module>
  <div>
   <p></p>
  </div>
 </div>

 <div class=different_module>
  <div>
   <p></p>
  </div>
 </div>
</div>

Как мне настроить таргетинг на оба неклассифицированных <div> элемента в этом экземпляре, не указывая каждый из них по отдельности?

Комментарии:

1. У вас есть закрывающий span тег без открывающего тега в обоих подразделениях.

2. это была ошибка перезаписи. Спасибо.

Ответ №1:

Вот так: .right_column > div > div

> является ли «дочерним селектором» — ознакомьтесь с этой первоклассной статьей о хитростях CSS.

Ответ №2:

Вы должны быть в состоянии сделать что-то вроде этого

 div > div > div{
    /*  styles here */
}

> является дочерним селектором.

Здесь говорится, что выберите и используйте div div дочерний элемент a, который является дочерним элементом a div .

Вот пример: http://jsfiddle.net/hbXsE/1 /

Примечание: в предоставленном вами HTML есть несколько отсутствующих div тегов и некоторые закрывающие span теги. Я переделал его для примера.

Ответ №3:

Вы могли бы использовать селектор div.right_column div div , но он также будет соответствовать разделам, вложенным более глубоко. Чтобы избежать этого в большинстве новых браузеров, вы можете использовать дочерний селектор, например: div.right_column > div > div но он не будет работать в более старых версиях IE