CSS:它渲染 "ul > li"的速度是否比 "ul li"快?

标签 css performance css-selectors

我从少数人那里听说,使用“>”而不是“”可以使渲染速度更快?

.slide:hover > div > span {
  border-color: #c8c8c8;
}

.slide:hover div span {
  border-color: #c8c8c8;
}

非常感谢!


更新:问题

这有任何可靠性问题吗?

最佳答案

你应该非常认真地重新考虑听那些告诉你这类事情的人的意见。

最好的情况下,差异是微不足道的。没有人应该浪费时间、精力或脑力考虑这些事情。这不是有用的优化。不要陷入过早优化的陷阱,尤其是对于像 HTML/CSS 这样的动态语言。

首先编写清晰、可维护和实用的代码,然后再担心其他任何事情。
如果 ul > li 看起来比 ul li 更清晰,那么就这样写。如果没有,不要。保持简单。

关于CSS:它渲染 "ul > li"的速度是否比 "ul li"快?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5674395/

相关文章:

c++ - 为什么库实现者使用短名称?

c++ - 类实例指针还是函数指针?

javascript - 如何通过 'role' 属性选择元素并使用 vanilla JS 按类过滤?

css - 没有兄弟输入类型=复选框|| radio 的标签的 CSS 选择器是什么?

html - 去除流体柔性容器底部的间隙

performance - 将OpenCV 2.1与OpenCV 2.3.2结合以保持CPU速度并利用GPU执行

css - 如何使用 Bootstrap 为超小型设备推/拉列?

CSS 比较运算符

javascript - 使用正则表达式验证内联样式的文本输入字段?

css - 小时文本的透明度