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

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属性，比如锚的颜色属性，那么你将不得不使用第二个选项迭代每个孩子