ng-table 的可排序 header 的选择器

Question

我正在使用可排序的 ng-table 来显示一些数据。每列都有一个排序 header。（这是 <th class="sortable"> 里面的 <div>）

如果我尝试 select 第一个 header 使用

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

它select每个<th>

里面的所有div

我分叉了一个现有的 fiddle 并在 css 窗格的顶部添加了一个块。

Answer 1

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

如果你想要 <th> 的第一个选择器，就这样使用它也可以这样做。 : http://fiddle.jshell.net/bxhcu50a/

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

Selector for sortable header of ng-table