html - 没有 id 的 CSS 样式特定的 div

Question

我正在制作一个 ebay 店面，需要在我无法编辑其 html 的页面上设置一个元素的样式。

html是这样的

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

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

  </div>
</td>

我需要为两个 div 添加边距

..但不是那些 div 的子 div

我尝试的 css 是 #blah div {margin:5px;} 但当然会影响子 div。

Answer 1

有 > "immediate child"选择器:

#blah > div {margin:5px;}

但它是 not supported by IE6 ，遗憾的是，这仍然是许多观众的考虑因素。

最好在要设置样式的框中添加一个类:

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

并指定:

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