以下两个选择器中哪一个更好

Question

考虑以下 HTML：

<ul>
  <li>
    <a ...

对于同一组声明，这两个规则集中哪一个性能更高？如果毕竟有区别

ul {
  font-size: 1.25rem
}

ul a {
  font-size: 1.25rem
}

可能是第一个吗？

Answer 1

ul a {
    font-size: 1.25rem
}

如果您想捕获每个锚标签或标签内的任何标签ul/ol这是最好的

但性能方面，

ul {
    font-size: 1.25rem
}

这将是最好的。但是，如果您想修改标签的内置 css 属性，例如 anchor 的颜色属性，那么您将不得不使用 2nd 选项遍历每个子项