css - ng-table 可排序标题的选择器

Question

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

如果我尝试使用选择第一个 header

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

它选择每个 <th> 内的所有 div

我 fork 了一个现有的 fiddle 并在 css Pane 的顶部添加了一个 block 。

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

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;
}