将样式应用于td标签的第一级

Question

是否有将类样式应用于td标签的一个级别的方法？

<style>.MyClass td {border: solid 1px red;}</style> 

<table class="MyClass"> 
    <tr> 
    <td> 
     THIS SHOULD HAVE RED BORDERS 
    </td> 
    <td> 
     THIS SHOULD HAVE RED BORDERS 
     <table><tr><td>THIS SHOULD NOT HAVE ANY</td></tr></table> 
    </td> 
    </tr> 
</table> 

Answer 1

有没有办法将类风格应用到td标签的一个级别？

是^*：

.MyClass>tbody>tr>td { border: solid 1px red; } 

但是！ '>'直接子选择器在IE6中不起作用。如果您需要支持的浏览器（你可能做的，唉），所有你能做的就是单独选择内部元件和未设置样式：

.MyClass td { border: solid 1px red; } 
.MyClass td td { border: none; } 

---

^*注意，第一示例引用了在HTML中未找到的tbody元素。它应该已经在你的HTML，但浏览器通常可以放弃它......他们只是在幕后添加它。

Answer 2

我想你可以尝试

table tr td { color: red; } 
table tr td table tr td { color: black; } 

或者

body table tr td { color: red; } 

其中“身体是你的表的父

选择，但类是最有可能的正确方法去这里。

Answer 3

这种风格：

table tr td { border: 1px solid red; } 
td table tr td { border: none; } 

给我：

this http://img12.imageshack.us/img12/4477/borders.png

但是，使用一类是这里大概是正确的做法。

Answer 4

只需为MyClass中的表选择器。

.MyClass td {border: solid 1px red;} 
.MyClass table td {border: none} 

（一般地适用于所有内表，你也可以做table table td。）

Answer 5

如何使用CSS：第一个孩子伪类：

.MyClass td:first-child { border: solid 1px red; } 

Answer 6

我想设置表的第一列的宽度，我发现这工作（在FF7） - 第一列是50px宽：

#MyTable>thead>tr>th:first-child { width:50px;} 

在我的标记是

<table id="MyTable"> 
<thead> 
    <tr> 
    <th scope="col">Col1</th> 
    <th scope="col">Col2</th> 
    </tr> 
</thead> 
<tbody> 
    ... 
</tbody> 
</table> 

Answer 7

我认为，它将工作。

.Myclass tr td:first-child{ } 

or 

.Myclass td:first-child { }