没有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;}，但当然这影响了孩子们。

Answer 1

你可以使用你拥有的东西，只需添加另一个选择器来覆盖孩子：

#blah div 
{
    margin:5px;
}

#blah div div
{
    margin: 0;
}

给它一个去：）

Answer 2

有> "immediate child"选择器：

#blah > div {margin:5px;}

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

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

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

并指定：

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

Answer 3

你需要孩子，而不是后代选择器：

#blah > div