Как выбрать внутренние div с идентификаторами?

Question

Я хотел бы выбрать div внутри div, указав идентификатор.

HTML с указанным идентификатором

<div id="divOuter">
   <div id="divInner">
   </div>
</div>

И если я хочу выбрать divInner с помощью селекторов идентификаторов в болеек стилю точки, что я должен использовать?

Я пытался

div#divOuter> div#divInner 

, но не могу заставить его работать.

Answer 1

Поскольку идентификаторы должны быть уникальными, достаточно

#divInner

.

Если у вас есть больше элементов с одинаковым идентификатором, вы должны изменить это (вы можете вместо этого использовать классы).

Обновление:

Хорошо, я понял вашу точку зрения.Но ваш селектор правильный: http://jsfiddle.net/fkling/AsPam/

Либо у вас есть другое правило, которое переопределяет это, либо ваша структура отличается.

Обновление 2:

О, как уже отмечалось, дочерний селектор не поддерживается IE6 .Вы должны опустить его тогда:

div#divOuter div#divInner 

Answer 2

Поскольку идентификаторы уникальны, все, что вам действительно нужно, это

#divInner
{
    /*styles*/
}

. Это позволит выбрать атрибут идентификатора элемента HTML и применить стили.

Если вам нужно повторить стили дляболее одного элемента, используйте класс

.divInner
{
    /*styles*/
}

Answer 3

Для начала (и я знаю, что это может быть опечатка), вы проверили орфографию?

Когда дело доходит до выбора, вы, кажется, хотите использовать тег id, другими словамивсе, что вам нужно, это сделать, как говорят все выше: #idInner{...}

Answer 4

#divOuter div{...}

или

#divInner{...}