Question

我有以下html片段：

<div id = "fromAddress">
        <table>
            <tr><td id="from">From:</td>
                <td>
                    <table>
                        <tr><td>Acquirung Bank</td></tr>
                        <tr><td>Risk Management</td></tr>
                        <tr><td>100 Bond Street</td></tr>
                        <tr><td>London</td></tr>
                        <tr><td>W1</td></tr>
                    </table>
                </td>
            </tr>
            <tr><td>Fax:</td><td id="fromFax">0207 234567890/</td></tr>
            <tr><td>Tel:</td><td id="fromTel">0207 123456789/</td></tr>
        </table>
</div>

我的css：

#fromAddress td:first-child
{
    font-weight: bold;
}

#fromAddress table table td:fist-child
{
    font-weight:normal;
}

如何以粗体显示文字？所以，＆＃34;来自＆＃34;，＆＃34;传真＆＃34;和＆＃34;电话＆＃34;大胆吗？

Answer 1

这样的事情：

#fromAddress > table > tbody > tr > td:first-child {
    font-weight: bold;
}

https://jsfiddle.net/j2mb4f0g/

Chrome至少会添加tbody标记，因此您应该将其添加到html中，以确保其适用于所有浏览器。

或者为了避免你可以做的所有＆＃39;＆gt;，

td:first-child {
    font-weight: bold;
}

table table td:first-child {
    font-weight: normal;
}

https://jsfiddle.net/80v98xuf/

CSS：如何选择每行中的第一个元素？

1 个答案: