没有 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

您可以使用现有的选择器，只需添加另一个选择器来覆盖子项：

#blah div 
{
    margin:5px;
}

#blah div div
{
    margin: 0;
}

尝试一下:)

Answer 2

有>“直接子级”选择器：

#blah > div {margin:5px;}

但它不受 IE6 支持，遗憾的是，这仍然是许多观众的一个考虑因素。

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

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

并说明：

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