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中找不到匹配的样式,它们是否实际上是由浏览器显式设置的?或者,当没有样式时,它们是真正的默认行为.
您可以使用firebug/webkit内置检查器查看浏览器的默认和计算样式.选择器匹配从右到左.所以第一个应该在理论上更快.在实践中几乎没有任何区别.即使是~100个元素.但是如果你想编写有效的选择器,规则就很简单:尽可能具体地选择最右边的选择器.