css - 有没有办法为同一父级分组第 n 个子级 CSS 规则

Question

我有以下 CSS 规则:

 #div .item62 > .wrap > .cont > .level1 > div:nth-child(9),
 #div .item62 > .wrap > .cont > .level1 > div:nth-child(11),
 #div .item62 > .wrap > .cont > .level1 > div:nth-child(n+12){
    width: 140px ;
 }

我想对这些规则进行分组以使代码更短，并且可能在父元素选择完成一次时使代码更高效(这些规则是否使浏览器引擎搜索相同的“父”元素或这已经优化了吗？)。

有没有办法以更短的方式编写这些规则？

由于代码结构是由第三方代码创建的，我无法添加不同的类或更改 HTML 结构。

我找不到一种 CSS 方法可以在不重写子元素的整个路径的情况下选择一个具有多个不同子元素的父元素。 我也没有额外的 CSS 预处理器可用。

Answer 1

您当前的 CSS 规则是您可以在没有任何预处理器可用的情况下编写的最短规则。