css - 更长（更具体）的子选择器会比更短（不太具体）的后代选择器更快吗？

Question

我正在修复我的旧 css 文件，并希望对其进行一些小的改进。我很困惑在以下规则中哪个会更快/更有效：

.box>tr>td[colspan]>a>img

或者

.box td[colspan] img

我读过 CSS 选择器是从右到左评估的，但是由于子选择器比后代选择器更有效/更快，我认为第一条规则更好。但是由于a并且tr也将在第一条规则中进行评估，那么这是否意味着使用第二条规则跳过它们会更有效/更快？

PS我目前无法添加类选择器，因为该站点是静态的并且重组起来很乏味。

标签： csscss-selectors