在CSS中，“table td {...}”中的“table”真的需要吗？ “td”可以不在表格内出现吗？

Question

我认为不在td范围内的table可能不会验证为HTML或XHTML，因此行为定义不明确，因此可能没有实际使用td没有table。

所以在CSS中，<{p>}中的table

table td { padding: 0 2em }

真的不需要，因为td必须在table内，是不是真的？

（更新： table td发生在Sass中，程序员可能会编写样式，例如

table:
  background: #fff
  td:
    border: 1px solid #000

它将被编译为table td部分的td

Answer 1

唯一的区别是table赋予选择器更高的特异性=＆gt; table td选择器中的规则将始终覆盖td选择器中的规则。

Answer 2

不，不需要。 然而，这就是人们这样做的原因：

table#tps_report td{ padding: 0 2em }

然后当桌面没有纯粹出于习惯的身份时，桌子就会被留作孤儿。我相信它也使CSS + DOM解析器的任务更容易。

Answer 3

没有必要。

td { padding: 0 2em }

仅使用TD将更高效，不仅以字节为单位，而且还将CSS规则应用于标记。

Answer 4

是的td只能出现在table元素中，因此通过以下方式进行样式设计：

td { padding: 0em 2em; }

很好：）

Answer 5

这也适用于form和list代码（以及其他代码）。

打字：

form input { width: 50px; color:red; }
ul li { padding:5px 0; }

与：

相同

input { width: 50px; color:red; }
li { padding:5px 0; }