仅对前10个<a> tags of a div</a>应用CSS效果

Question

如何将CSS效果应用于div的前10个<a>标签？

这是我的方法，但我相信必须有更好的解决方案：

a:nth-child(1), a:nth-child(2), a:nth-child(3), a:nth-child(4),
a:nth-child(5), a:nth-child(6), a:nth-child(7), a:nth-child(8),
a:nth-child(9), a:nth-child(10){ color:#4faacb; }

Answer 1

我相信这个CSS应该可以解决这个问题

a:nth-child(-n+10) { color: #4faacb }

JSFiddle

希望这有帮助

Answer 2

您可以使用nth-of-type公式结合not：

来实现此目的

div > a:not(:nth-of-type(1n+11)){
    color: red;
}

Demo here