Zastosuj efekt CSS tylko do pierwszych 10 <a> znaczników elementu div

Question

Jak zastosować efekt CSS do pierwszych znaczników elementu div o wielkości 10 ?

To jest moje podejście, ale wierzę, że musi to być lepsze rozwiązanie:

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

wierzę to CSS powinno wystarczyć

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

JSFiddle

Nadzieja to pomaga

Answer 2

Można to osiągnąć za pomocą nth-of-type wzoru w połączeniu z not:

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

Demo here.