按字母顺序排列 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 属性是否有速度优势? 的相关文章

  • 搜索引擎如何找到相关内容? [关闭]

    Closed 这个问题正在寻求书籍 工具 软件库等的推荐 不满足堆栈溢出指南 help closed questions 目前不接受答案 Google 在解析网络时如何找到相关内容 例如 Google 使用 PHP 原生 DOM 库来解析内
  • 使用滤镜将css3灰色图像转为蓝色?

    我正在尝试将灰色图像变为更蓝色的色调 真的不知道如何为此设置滤镜或是否可能 该图像只有一种颜色 cacaca 其余部分透明 我正在尝试使用相同的图像进行一些叠加 以便它仅突出显示那些彩色部分而不是透明区域 一直在尝试其中的一些 但没有取得多
  • 伊德里斯统一意外失败

    我正在尝试在 Idris 中创建一个所谓的可判定解析器 起初我只是想解析自然数 但遇到了一个意想不到的问题 生成它的代码的最小示例如下 data Digit Char gt Type where Zero Digit 0 One Digit
  • 如何在使用页面锚点导航时设置“激活”类以在 Angular 2 中引导导航栏?

    我正在使用 Angular 2 和 Bootstrap 4 创建一个单页网站 我创建了一个始终位于页面顶部的导航栏组件 并且我正在使用页面锚点导航 id 请注意 我还没有创建路由模块 到目前为止还没有必要这样做 导航栏代码如下
  • 如何阻止破折号自行包裹?

    我有一个标题 标题最后一个单词的末尾是一个破折号 单词和破折号之间没有空格 当浏览器窗口变小时 破折号会中断并换成新行 在自己的行上有一个破折号是不好的排版 如何停止破折号之前的换行 以便最后一个单词运行到新行 这是代码 h1 XYZ co
  • 如何仅在最后一个
  • 处给出透明六边形角度?
  • 我必须制作这样的菜单 替代文本 http shup com Shup 330421 1104422739 My Desktop png http shup com Shup 330421 1104422739 My Desktop png
  • FireFox 中的“contenteditable = true”高度问题

    当有空的时候div with contenteditable true CSS contenteditable true border 1px dashed dedede padding 3px HTML div div 在 IE 和 Ch
  • 如何更改文本选择背景颜色

    我的意思是 当您选择一些 HTML 文本时 背景中会有一种颜色告诉您选择了哪个文本 怎么可能通过CSS来改变它呢 我需要它是白色的 透明的 我已经看到这样做了 您可以使用某些 CSS 选择器来更改所选文本的 CSS 属性 我对此进行了测试
  • 使用 Java 清理 CSS

    Java 中有没有一个好的库可以清理 CSS 样式表 我们希望允许管理员用户上传 CSS 样式表来控制他们管理的网站部分的外观 当然 我们不希望出现诸如background url javascript 之类的XSS攻击 因此我们正在寻找一
  • 将 2 个 Div 垂直居中另一个 Div

    我有 2 个 div 我想将它们垂直居中在另一个 div 内 目前我有 http jsfiddle net 5vpA3 1 http jsfiddle net 5vpA3 1 现在我明白这里发生了什么 但我希望左侧 div 在该容器内垂直对
  • 如何将div对齐到页面底部,而不是屏幕底部

    我想将 div 与页面底部对齐 而不是与屏幕底部对齐 当我这样做时 contact block position absolute bottom 0 left 0 div 被放置在屏幕的底部区域 当我的页面很长时 我必须向下滚动 并且本应位
  • 弯曲方向等高行:列

    我有一个带有两个弹性项目的弹性布局 显示为行 flex direction column 这些物品应该有一个最小高度 但它们应该保持其中一个物品生长所需的相同高度 看这个 JSFiddle https jsfiddle net 958vxh
  • Windows Phone 8 中的 Webview 弹跳

    我需要知道是否有任何方法可以控制 Windows 8 中的 webview 弹跳属性 我已经尝试过 ms touch action none 它确实会停止弹跳 但会禁用应用程序中的整个滚动 我已尝试以下方法 但这些方法不起作用 backfa
  • 使用 CSS Flexbox 堆叠图像

    我正在学习使用CSSflexbox 和我想在左侧渲染一个大图像 并在彼此之上渲染两个小图像 我怎样才能使用CSS弹性盒 div class container img class image1 src alt null img class
  • Firefox:如何测试首选颜色方案?

    在 Firefox 67 中 可以使用媒体查询来检测用户对浅色或深色主题的偏好 https davidwalsh name demo prefers color scheme php 在我的 Firefox 版本 在 Ubuntu 下 中
  • 如何在使用 F# FsYacc 解析期间添加和使用自定义上下文参数?

    我在用着FsLex and FsYacc用于 F 应用程序中的字符串解析 在抽象语法树 AST 创建期间 解析器必须决定如何创建 AST 创建不同的树 抛出异常等 解析器的行为必须取决于几个参数 Here http fsharppowerp
  • 如何在 Bootstrap 3 中制作进度条动画?

    我正在尝试为 Bootstrap 进度条设置动画 但我不知道该怎么做 我得到了宽度的值但是console log bar width 返回宽度px但不是 如内联所示style width 90 我用代码重新创建了一个 bootply Boo
  • iOS 5 中的 webkit-overflow-scrolling: touch "handle" 是否有外观 CSS 规则?

    我有一个元素恰好同时具有 webkit overflow scrolling touch 和 background color black 因此显示滚动位置的 手柄 很难看到 是否有 webkit CSS 样式规则可以改变该 手柄 的外观
  • 使用 jquery 提供附加功能时菜单未正确对齐

    I need to make a mega menu similar to one as show in image below 到目前为止 我已经能够在某种程度上使其发挥作用 例如jsFiddle 在这里 http jsfiddle ne
  • jQuery 覆盖默认验证错误消息显示(Css)弹出/工具提示等

    我试图用 div 而不是标签来覆盖默认的错误消息标签 我看过这个帖子 https stackoverflow com questions 309574 jquery validation how to not display errors

随机推荐

  • 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 属性都是按字母顺序排列的 它是想告诉我们什么吗 除了能够更快地找到所需属性的明显好处之外 我想知道 如果属性在原始样式表中按字母顺序