Selektor für sortierbaren Header von NG-Tabelle

Question

Ich verwende eine sortierbare ng-Tabelle, um einige Daten anzuzeigen. Jede Spalte hat einen Sortierkopf. (Das ist ein <div> innerhalb eines <th class="sortable">)

Wenn ich versuche, den ersten Kopf wählen mit

th.sortable > div:nth-child(1) 

Es wählt alle div-Tags in jedem <th>

ich eine bestehende Geige gegabelt und hat einen Block am oberen Rand des CSS-Bereichs.

http://fiddle.jshell.net/7mom2ar0/

Answer 1

th.sortable:nth-child(1) > div:nth-child(1) { 
    background-color: red; 
} 

es so verwenden, wenn Sie zum ersten Mal Wähler wollen für <th> auch wie dies geschehen kann. : http://fiddle.jshell.net/bxhcu50a/

th.sortable:first-child > div:first-child { 
    background-color: red; 
}