Html 在CSS中,是;表「;在;表td{…};真的需要吗?Can";运输署";不在表中发生?

Html 在CSS中,是;表「;在;表td{…};真的需要吗?Can";运输署";不在表中发生?,html,css,Html,Css,我认为不在表中的td可能无法验证为HTML或XHTML,因此行为没有很好的定义,因此没有表的td可能没有实际用途 因此,在CSS中,表 table td { padding: 0 2em } 确实不需要,因为td必须在表中,不是吗 (更新:表td出现在Sass中,程序员可能在Sass中使用 table: background: #fff td: border: 1px solid #000 对于td部分,它将被编译到table td。是的td只能出现在table元素中,因此通

我认为不在
表中的
td
可能无法验证为HTML或XHTML,因此行为没有很好的定义,因此没有
表的
td
可能没有实际用途

因此,在CSS中,

table td { padding: 0 2em }
确实不需要,因为
td
必须在
表中,不是吗

更新:
表td
出现在Sass中,程序员可能在Sass中使用

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

对于
td
部分,它将被编译到
table td

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

td { padding: 0em 2em; }
很好:)

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

table#tps_report td{ padding: 0 2em }

然后,当完全出于习惯而并没有id时,这个表就被当作孤儿留下了。我相信这也会使CSS+DOM解析器的任务变得更容易。

这应该不是必需的

td { padding: 0 2em }

仅仅使用TD不仅在字节方面,而且在将CSS规则应用于标记方面,都会更加有效。

唯一的区别是
表格
为选择器提供了更高的特异性=>表格中的规则TD
选择器将始终覆盖
TD
选择器中的规则。

这也适用于
表单
列表
标签(以及其他标签)

打字:

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

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

这不是更少的工作,而是更多的工作(不仅仅是
td
)。请参见:仅当最右边的选择器是id选择器时。id提取比查找所有表,然后查找所有td子体,然后查找特定id花费的解析器时间要少得多。但是,在一个包含10个表的页面中,最好指定有问题的表。我不同意-记住,浏览器从右到左解析选择器。使用
td
,可以找到所有
td
标记;完成。使用
table#tps_report td
,可以找到所有
td
标记,然后还要检查它们是否在
#tps_report
table
中。显然,第一个选择器花费的时间更少。“仅当最右边的选择器是id选择器时。”-什么?如果你想设计
td
标签的样式,最右边的选择器总是
td
。我不是这么说的。我只是说,如果您正在寻找一个特定的表,您应该指定它。我不知道从右到左的阅读令人惊讶,谢谢。少/多不是重点,CSS使用特殊性,您可能不希望每个TD都匹配您的选择器(不同于ID),因此即使浏览器说“我找到了所有TD”,也无所谓。CSS实际上要求它向后看一点,大多数情况下,除非你把所有东西都分类——这个网站太过分了:),右边的ID应该总是唯一的!。速度和效率的关键是尽可能快地使选择器“失败”,这样浏览器就不会浪费时间不必要地回头看,例如,你的报告可以是
#tps_report>tbody>tr>td{padding:0 2em}
要超级高效,ID就是王牌