css:如何在表格中选择第一个 anchor 标记

Question

 <table id="table">
    <tr>
        <th><a href="main.html">edit</a><th>
        <th><a href="main2.html">update</th>
        <th>........</th>
    </tr>
    <tr>
         blah blah
    </tr>
</table>

这里我想选择第一个 anchor 元素来添加一些样式

我试过了

table#table a:first-child{
    color: #888888;
    font-weight: normal;
    text-align: left;
}

但是失败了

Answer 1

你是说这样吗？

HTML:

<table id="table">
    <tr>
        <th><a href="main.html">edit</a>
        </th>
        <th><a href="main2.html">update</a>
        </th>
        <th>........</th>
    </tr>
        <tr>
        <th><a href="main.html">edit</a>
        </th>
        <th><a href="main2.html">update</a>
        </th>
        <th>........</th>
    </tr>
</table>

CSS:

#table th:first-child a {
    color: red;
    font-weight: normal;
    text-align: left;
}

您想选择第一个 <th>然后找到<a> .

DEMO HERE