html - 给CSS指定默认规则效率低吗?

标签 html css performance css-selectors

举个例子,假设我有一张 table 。标准对齐行为(不确定这是 html 规范还是我使用的浏览器?)似乎是左对齐 body 元素并居中对齐 head 元素。

所以如果我想让所有东西都左对齐,写起来效率会不会很低

#MyTable td {
    text-align: left;
}

比写

#MyTable tbody td {
    text-align: left;
}

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

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

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

最佳答案

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

关于html - 给CSS指定默认规则效率低吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3156857/

相关文章:

twitter-bootstrap - 如何使用媒体查询在某些断点处调整 li 元素的大小?

java - 为什么对于大量数据,函数式比命令式快,而对于少量数据,函数式比命令式慢?

html - 嵌套的 Radio 元素被视为它们在 DOM 上都处于同一级别

html - 移动 CSS grid-template-areas 项中的孙元素

java - 如何在Eclipse中使用Java显示模拟时间?

javascript - tumblr 上的慢速查询无限滚动响应?

html - 无法使按钮文本垂直居中

jquery - 使用 jQuery 隐藏/显示表列

html - chrome 扩展下载本地存储数据

javascript - colpick 不适用于 .html 到 .php 扩展名更改