以下两个选择器哪个更好？

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 属性，比如锚的颜色 属性，那么你将不得不使用第二个选项 [=13] 遍历每个 child =]