CSS-стиль, специфичный для div без идентификатора

Question

Я делаю витрину eBay, и мне нужно оформить элемент на странице, который я не могу редактировать в формате HTML.

HTML это что-то вроде

<td id="blah">
  <div>
    <div>....

    </div>
  </div>
  <div>....

  </div>
</td>

Мне нужно добавить поле для обоих div'ов

.. но не дочерние элементы этих элементов

css, который я пробовал, был #blah div {margin:5px;}, но, конечно, это повлияло на divs ребенка.

Answer 1

Имеется селектор > «непосредственный потомок» :

#blah > div {margin:5px;}

, но он не поддерживается IE6 , что, к сожалению, все еще рассматривается длямного аудиторий.

Желательно добавить класс в поле, которое вы хотите стилизовать:

<td id="blah">
  <div class="box">
    <div>....

и указать, что:

#blah div.box {margin:5px;}

Answer 2

Вы можете использовать то, что у вас есть, просто добавьте другой селектор, чтобы переопределить дочерние элементы:

#blah div 
{
    margin:5px;
}

#blah div div
{
    margin: 0;
}

Пройди :): 1004 *

Answer 3

Вам нужен ребенок, а не потомок селектора:

#blah > div