为CSS指定默认规则是否效率低下?

fea*_*net 2 html css performance css-selectors

举个例子,假设我有一张桌子.标准对齐行为(不确定这是html规范还是我使用的浏览器?)似乎是左对齐主体元素和居中对齐头元素.

因此,如果我希望所有内容保持一致,那么写入效率会降低

#MyTable td {
    text-align: left;
}
Run Code Online (Sandbox Code Playgroud)

而不是写

#MyTable tbody td {
    text-align: left;
}
Run Code Online (Sandbox Code Playgroud)

或者它真的没有任何区别?

在这种情况下,最佳做法是什么?

我想我的问题是关于如何设置"默认"样式.如果在css中找不到匹配的样式,它们是否实际上是由浏览器显式设置的?或者,当没有样式时,它们是真正的默认行为.

gbl*_*zex 6

您可以使用firebug/webkit内置检查器查看浏览器的默认和计算样式.选择器匹配从右到左.所以第一个应该在理论上更快.在实践中几乎没有任何区别.即使是~100个元素.但是如果你想编写有效的选择器,规则就很简单:尽可能具体地选择最右边的选择器.