按字母顺序排列 CSS 属性是否有速度优势?

2023-11-24

我希望这个问题不要太奇怪和武断。当我使用 Firebug 查看一些 CSS 时,我注意到每个标签的 CSS 属性都是按字母顺序排列的。

它是想告诉我们什么吗?

除了能够更快地找到所需属性的明显好处之外,我想知道:如果属性在原始样式表中按字母顺序排列,浏览器应用属性是否会更快?

比如说是这个...

body {
  background: #222;
  color: #DDD;
  font-size: 0.85em;  
}

#content {
  background: #444;
  padding: 1em;
}

p {
  border-bottom: 0.9em;
  line-height: 1.2em;
  text-align: justify;
}

...比这个更好...?

body {
  font-size: 0.85em;
  background: #222;
  color: #DDD;  
}

#content {
  padding: 1em;
  background: #444;
}

p {
  text-align: justify;
  line-height: 1.2em;
  border-bottom: 0.9em;
}

可以有效地测试吗?

这显然会在整个样式表中复制,因此浏览器会从按顺序执行操作中受益吗?如果是这样,是否值得重新访问过去的样式表来重新排序?

- 编辑 -

好的,对我的问题稍作修改:如果每个标签的属性始终保持相同的顺序怎么办?对于每个标签,背景总是在边框之前,总是在颜色之前等等(我知道我错过了一些!)。按字母顺序排列会帮助您保持事物有序,而不是最佳方法。

看起来压倒性的共识是这并不重要,然而!


按字母顺序对样式排序绝对不会带来速度上的好处。

如果您想要真正的速度优势,您应该缩小 CSS。

有很多程序可以做到这一点,但这是其中之一:CSSTidy。该程序还可以选择将您的样式按字母顺序排列(如果您希望这样做)your益处)。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

按字母顺序排列 CSS 属性是否有速度优势? 的相关文章

  • jQuery / CSS3 动画阴影效果

    所以这个问题可能会被否决 但我认为有人可能会提供帮助 我正在寻找的效果是蓝色块像气球一样上下盘旋 当块上 下移动时 阴影在其下方不断增大和缩小 关于如何编程的任何想法 或者有人知道可以完成的教程 插件吗 你可以使用 jQuery 来完成 或
  • 如何检查字体是否有符号

    我的文档中有以下 css 规则 font family Trebuchet MS Tahoma 但我发现有些浏览器有 Trebuchet MS 字体没有我需要的符号 某些带有非拉丁字符的语言 在这种情况下 浏览器显示方块而不是符号 我怎样才
  • 带有图像垂直对齐的内联框:与父框居中

    请运行演示 margin 0 padding 0 body font family Microsoft Yahei font size 16px background color lightblue height 200px width 2
  • 行高如何使文本垂直居中?

    我试图理解为什么line heightCSS 属性将文本垂直放置在此按钮的中间 btn order width 220px height 58px font size 24px padding 0 text align center ver
  • 在这个页面中,悬停不起作用,我不知道为什么,而且页脚也没有占用 100% 宽度,即使我已经给了它

    我的编码是否不正确 或者悬停和页脚有什么问题 我需要知道 php 邮件程序是正确的还是我有错误 我无法找到错误 因为邮件功能在本地服务器上不起作用
  • 计算机AI算法写句子?

    我正在寻找有关处理文本句子或在创建在正常人类语言 例如英语 中有效的句子时遵循结构的算法的信息 我想知道这个领域是否有我可以学习或开始使用的项目 例如 如果我给一个程序一个名词 为其提供同义词库 相关单词 和词性 以便它理解每个单词在句子中
  • JSDoc:如何在生成的文档中包含自定义 css 文件模板?

    JS文档docs https jsdoc app about configuring default template html say 将图像目录复制到输出目录 复制全部 将 myproject static 中的静态文件复制到输出目录
  • 滚动时静态标题

    我编写了一个主页 现在我正在尝试构建一个标题 该标题是静态的 就像在滚动内容时不滚动一样 当内容位于其下方时 它应该保持在顶部 我找到了这个解决方案here https stackoverflow com questions 9677894
  • Django 1.6 的静态文件

    我花了一整天但没有任何作用 我在这里看到了至少 20 篇关于同一主题的帖子 它们各不相同 有不同的建议 但没有一个对我有用 使用 Python 2 7 运行 Django 1 6 我正在尝试从 django 教程加载民意调查应用程序的 cs
  • 如何将 HTML 表格转换为 csv 格式?

    是否有 HTML 解析器或某些库可以自动将 HTML 表格转换为 CSV 数据行 Here is http www unix com shell programming scripting 45274 html table csv html
  • Bootstrap:下拉菜单无法通过 jQuery 单击打开

    我正在创建一个包含多行的表 所有行都有一个 选项 按钮 该按钮应该显示下拉上下文菜单 为了使代码更短 我使用了一个div以便将其重用为上下文菜单的通用标记 我正在使用 Bootstrap 5 1 3 和 jQuery 3 6 0 以下是我的
  • 禁用任何类型的浏览器窗口滚动?

    有没有办法禁用滚动 不仅仅是滚动条 还有浏览器窗口的全部功能 根据您对 Keit 的回答 您不想在打开灯箱时滚动处于活动状态 如果是这种情况 您可以使用以下 css 在打开灯箱的同时向正文添加一个类 这个解决方案的好处是它保留了滚动 空间
  • CSS:在 hsla 中使用 hsl 变量?

    假设我有一个 CSS 变量hsl定义如下 white 1 hsl 0deg 0 100 现在 我想使用相同的白色 但不透明度为 50 所以 像这样 white 2 hsla 0deg 0 100 50 有没有办法使用第一个变量 white
  • 在CSS中,有什么比使其成为块元素更好的强制元素换行的方法呢?

    我有一个 H3 标题 我想将其样式设置为具有特定的背景颜色 但不让元素的背景占据父元素的整个宽度 鉴于 H3 默认情况下是块元素 我的样式需要将该元素更改为内联块元素 或者只是内联内联元素 如下所示 h3 background color
  • Sass 负变量值?

    我有几个 scss 选择器 其中我使用相同数量的正数和负数 如下所示 padding 0 15px 15px margin 0 15px 20px 15px 我更喜欢对所有 15px 量使用一个变量 但这不起作用 pad 15px padd
  • jQuery能否获取未绘制的动态元素的大小

    我的意思是如果我用 jQuery 和 DOM 创建一个 Element var MainHolder document createElement div addClass box 如果我打电话MainHolder width 如果不在窗口
  • 有没有好的方法来解析用户代理字符串?

    我有一个Java接收模块User Agent来自最终用户浏览器的字符串的行为需要略有不同 具体取决于浏览器类型 浏览器版本甚至操作系统 例如 FireFox 7 0 Win7 Safari 3 2 iOS9 我明白了User Agent由于
  • 如何在缩放动画中保持原点位于图像中心?

    我有类似的情况fiddle https jsfiddle net ddvn3p1h 3 其中我有一个 CSS3 动画 可以缩放绝对定位在另一个元素中心的元素 但是 当动画发生时 它会偏离中心 如示例中相对于蓝色的红色方块所示 我如何将其居中
  • 更改文本框中一个字符的颜色 HTML/CSS [重复]

    这个问题在这里已经有答案了 我正在设计一个网站 我想问一下大家 如何通过CSS改变HTML文本框中字符串中的一个字符的颜色 示例 STACK OVER FLOW 只是 A 字母是红色的 你不能用常规方法做到这一点
  • CSS 字体在 Firefox 中不起作用

    我下面有这个字体代码 它在谷歌浏览器中工作正常 但在火狐浏览器中根本不起作用 为什么

随机推荐

  • Android 版 AdMob (SDK 7.0) 上的 AdActivity 泄漏

    我有关于内存泄漏Interstitial ads of AdMob with AdActivity目的 每当广告出现时 AdActivity内存中的对象计数增加 1 我通过以下方式检查所有更改MAT明确后GC来电 我使用所有东西的最新版本
  • $.cookie 不是函数

    当我尝试加载使用 jquery 的页面时 遇到以下行 if cookie compare null 我收到错误 cookie 不是函数 有人见过这个吗 这意味着 cookie plugin没有被包含在页面中 至少在被调用之前没有 确保它都被
  • jQuery Mobile .listview('refresh') 不起作用

    我正在使用 jQuery Mobile 构建移动 Web 应用程序 但遇到了问题 我正在使用 jQuery 解析 XML 文件并创建列表项 它构建列表 然后附加该列表 li 到 ul 在页面上 我读到为了让列表的样式正确 你必须调用 lis
  • 我可以用 malloc 和隐式转换替换对 open_memstream 的调用吗?

    All 我有一个打印到流的程序 我需要在内存中缓冲该流 然后根据需要将每一行打印到实际文件中 自从fprintf 函数调用必须有一个FILE 指针 我需要说的是内存中的指针寻址空间 我曾经用过open memstream 函数 但 Wind
  • 将查询参数与 cfscript 查询一起使用时出错

    这是我的代码 var qryStr UPDATE templates email SET title title test emails testEmail body body WHERE id templateID q New Query
  • jQuery - 链接自定义函数

    我想知道如何链接我的自定义函数并维护 this 的上下文 Example fn foo function var html div class foo div if this hasClass somthing this prepend h
  • NPM Workspaces monorepo - 以 root 身份共享本地包的分发文件夹,而不是整个源文件

    使用 NPM 工作区 我共享一个包 components 和其他人 webapp1 and webapp2 像这样的东西 root apps webapp1 webapp2 packages components 一切都运转良好 但里面的一
  • gcc 可以使我的代码并行吗?

    我想知道 gcc 中是否有优化可以使一些单线程代码 如下面的示例 并行执行 如果没有 为什么 如果是 可以进行哪些优化 include
  • 如何通过关键字在 GIT 存储库中找到无法访问的提交哈希?

    我对 GIT 的情况有点困惑 我正在开发一个 GIT 版本化项目 我刚刚注意到我们认为几周前已经在主分支上的一些提交实际上丢失了 我记得这些提交是由其他人在功能分支 feature something 上推送的 该分支已不存在 我试图找到那
  • 如何使用 spring-kafka 暂停和恢复 @KafkaListener

    我已经实现了 Kafka 消费者 现在我有了一个场景 通过Spring Boot从Kafka流中读取数据2 2 5 Release 加载数据库表1 将表1的数据复制到表2 清空表格1 要执行上述操作 我需要使用使用quartz的调度作业 已
  • php 帖子的最大大小?

    难道POST请求有大小限制吗 我有一个大程序 我想缓存其输出 基本上 我想在缓存中存储一 个重要的 html 表 因为特定项目的增长 查询数量以及响应时间变得失控 现在我正在发送由 ajax 调用检索的大输出 在另一个 ajax 调用中 第
  • 如何在 REST 中实现粗粒度乐观锁?

    我已经为 REST 资源实现了乐观锁定 这些资源通过将 GET 中的版本号传回 PUT 调用 与数据库表进行一对一映射 如果在执行 GET 和 PUT 之间数据库中的版本号发生变化 则发生乐观锁异常 非常简单的设计 现在 如何对映射到多个数
  • C++11 可重入类锁定策略

    我有一个使用的界面pimpl习语 但是接口需要是可重入的 然而 调用线程不需要知道锁定 这是由四部分组成的问题和一部分无端设计的 C 11 示例 包含示例是为了解决我遇到过的几个类似常见问题解答的问题 locking pimpl rvalu
  • 曼哈顿距离 A*

    我正在使用 A 搜索算法并使用曼哈顿距离作为启发式来实现 NxN 谜题求解器 我遇到了一个好奇的问题bug 我无法理解 考虑这些谜题 0 元素是空白 最初的 1 0 2 7 5 4 8 6 3 goal 1 2 3 4 5 6 7 8 0
  • 获取等于目标的数组项的总和(子集总和)

    我需要获得等于目标的数组项的总和 如果数组项的总和不等于目标 我想获得小于目标的最高总和 这是一个例子 Input 4 6 8 12 4 6 6 12 4 4 4 Results 12 12 8 4 6 6 4 4 4 6 4 Note 数
  • 如何根据字段的子字符串值连接两个表?

    我遇到了 sql 问题 我想加入两个表 员工和班级讲师 条件是员工的 unid 列如 u0871457 而班级讲师的 EmplId 为 00871457 我只想将 EmplId 的第一个字符替换为 u 来连接以匹配来自 unid 的字符串
  • LSF - 获取已提交作业的 ID

    假设我使用类似的东西提交了一份工作bsub pwd 现在我想获取该作业的作业 ID 以便为下一个作业建立依赖关系 有什么方法可以让 bsub 返回作业 ID 吗 Nils 和 Andrey 分别在 shell 和 C C 环境中找到了这个具
  • 为 Fancybox 添加缩放功能

    我正在使用 Fancybox 作为我的缩略图库 我想使用 JQZoom http www mind projects it projects jqzoom 还有 fancybox 最终结果 1 用户点击缩略图 2 fancybox出现更大的
  • 使用 msbuild 指定解决方案的项目文件

    我想要使 用 msbuild 构建解决方案的特定项目的命令行 就像我们使用 devenv com 一样 在 devenv com 中 我们可以使用以下命令行指定解决方案的项目 devenv com Build Release x86 tes
  • 按字母顺序排列 CSS 属性是否有速度优势?

    我希望这个问题不要太奇怪和武断 当我使用 Firebug 查看一些 CSS 时 我注意到每个标签的 CSS 属性都是按字母顺序排列的 它是想告诉我们什么吗 除了能够更快地找到所需属性的明显好处之外 我想知道 如果属性在原始样式表中按字母顺序