css - Selector for sortable header of ng-table -

i'm using sortable ng-table display data. each column has sorting header. (which <div> inside <th class="sortable">)

if try select first header using

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

it selects divs inside each <th>

i forked existing fiddle , added block @ top of css pane.

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

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

use this, if want first selector <th> can done also. : http://fiddle.jshell.net/bxhcu50a/

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