Html 合格的CSS选择器，什么更有效？

我想知道下面哪个CSS声明更有效，为什么

HTML

你好

CSS 第1版：

.wrap div{
颜色：红色；
}

CSS第2版：

div.wrap{
颜色：红色；
}

这取决于您有多少div以及您创建的

.wrap

类的实例数量

如果有10个

div

和100个

.wrap

实例，则使用版本2，因为要测试的

div

少于

.wrap

无论如何，我认为查找可能依赖于实现

div .wrap{
   color: red;
}

假设没有未提及的先前嵌套级别，且

.wrap

的相对唯一性级别高于

div

的相对唯一性级别，则速度通常会更快，因为浏览器从右到左解释和筛选选择器时，选择器的效率级别通常会提高*：

ID，例如#标题

类，例如促销

类型，例如div

相邻兄弟姐妹，如h2+p

儿童，例如li>ul

后代，例如ul a

通用的，即*

属性，例如[type=“text”]

伪类/-元素，例如a:hover

*

---

你可能还想了解一下（）

它们的意思完全不同，所以效率是无关紧要的