css：如何在表格中选择第一个锚标签

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>

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

我试过

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