html - 声明为空的 CSS 选择器 - 浏览器还会搜索吗?

标签 html css performance

假设样式表中有一些选择器没有样式信息,因此它们实际上是空的(没有样式声明):

.main-menu {}

浏览器还会搜索它们吗?

我的直觉是,这将取决于浏览器,因此“聪明”的程序员会说“如果选择器为空,请不要打扰”,但并非所有浏览器都会有这种开明的实现。快速搜索后找不到任何内容,想知道这里是否有人知道有关此的任何信息......

我确信最好的做法是不要使用带有空声明的选择器,因为它们浪费空间和时间,W3 对此有何说明吗?

谢谢!

最佳答案

事实上,拥有空的 CSS 规则实际上可以起到 work around some bugs in certain browsers 的作用。 ,和 cause bugs in others 。因此,有证据表明,无论如何,对于至少两个独立的实现,解析器不会完全忽略具有空声明 block 的 CSS 规则。

至于最佳实践?将它们排除在外,因为它们通常会占用不必要的字节,如果您有充分的理由使用它们,那么添加注释来解释它们的用途并不是一个坏主意。

关于html - 声明为空的 CSS 选择器 - 浏览器还会搜索吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28558814/

相关文章:

html - flexbox 父 div 在 ios 10 safari 中没有高度但在 ios 11 safari 中不是这样

java - 大矩阵的少量计算与小矩阵的大量计算

使用innerHTML的Javascript无法在HEAD中添加脚本标签

javascript - 如何在单页面中动态创建多个模态

css - 媒体查询不适用于横向

html - wordpress 主题中的幻灯片图像缩小?

performance - 为什么 docker build 这么慢

javascript - 我如何在浏览器端有效地处理巨大的javascript数组(2000万个坐标的数组)?

css - 将两个div定位在相同的高度和位置

android - android如何使用蓝牙打印机打印WebView内容