Question

我知道我可以使用这样的css在thead内获取table元素：

table thead

但是我怎样才能将div放在桌子内部的第th个元素中呢？我能用这样一个简短的css表达式得到这个：

table thead th div

或者我必须使用课程和内容

谢谢

Answer 1

我可以在这样的短css表达式中得到它吗？

Yes, that works

或者我是否必须使用课程和内容

不，在这种情况下你不需要使用类（参见上面的JsFiddle）。

你应该使用课程和东西吗？

呃，当真的归结为它时，只要您的选择器完全符合您的要求，您就可以了。但是，如果您只是在学习选择器，那么{em> css效率的概念就是might be worth reading about。

注意：第一条评论说这不是有效的XHTML，但是如果你使用Html5（which you should be!）则没问题。 current Html5 specs告诉我们，只要预计有流量内容，就会出现div，th期望流量内容有一些明确的限制 - but divs aren't one of them.

进一步支持这一事实是这一小段代码validates as Html5：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>
    <table>
      <thead>
        <tr>
          <th><div>hello</div></th>
        </tr>
      </thead>
    </table>
  </body>
</html>

Answer 2

当然可以使用：

table thead th div

但更短的是：

table div

选择表格中的所有div，或者如果你只想要thead中的div：

thead div

把div放在一个表css的内部

2 个答案: