为什么我的直接后代选择器不起作用？

Question

我的直接后代选择器出了问题。看一个简单的例子：

The specified procedure could not be found.

jni4net

如您所见，它会影响表格ID tableChild 。我希望在第一个表的第一行得到一个粗体字。

这是我的JSFiddle

Answer 1

首先，正确完成对表的定义：

<table>
  <thead>
    <tr> TITLE ROW HERE </tr>
  </thead>
  <tbody>
    CONTENT ROWS HERE
  </tbody>
</table>

然后您的CSS选择器变为：

.myDiv>table>thead>tr>td {
    ...
}

Answer 2

浏览器填写缺少的表格元素：

试试这个：

.myDiv > table > tbody > tr:first-child td

https://jsfiddle.net/85t8qm5r/3/

Answer 3

.tr td:nth-child(2){
      font-size: 40px;
      color: #1cc;

}