javascript - 如何在第一个 tr 的特定 td 上应用 css

Question

我是 AngularJS 的初学者，真的不想使用 JQuery 来解决我的问题(也许我错了)。

这是我的问题:

我想在表格中第一个 tr 的最后一个 td 元素上应用 CSS。

我的代码:

<table>
    <tr ng-repeat="person in persons | orderBy:'name'">
        <td>{{person.name}}</td>
        <td>{{person.email}}</td>
    </tr>
</table>

所以对于第一个 tr，最后一个 td 元素应该是 <td class="myClass">{{person.email}}</td>

感谢您的回答和解释。

编辑:我忘了说，我知道如何通过在最后一个 td 上应用 css 来解决我的问题，但我想用 angularjs 来解决，因为我可以有不同的人，根据不同的情况，我想应用另一种 CSS 样式。

Answer 1

或者如果你不想放置 id 或类，你可以这样做:

table tr:first-child td:last-child {}

请注意，并非所有浏览器都支持子选择器