css - 链接不上课

由于某些原因，我的链接不符合我的课程要求。这是怎么回事？

.greyBoxTxt {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#7b7d7e;
}

a.greyBoxTxt {
    color:#0164a5;
    text-decoration:none;
}

<table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
        <td width="25%" valign="top" class="greyBoxTxt">
            <b>Business Banking</b><br />
            <a href="#">eBusiness Checking</a><br />
            <a href="#">Business Checking</a><br />
            <a href="#">Commercial Checking</a><br />
            <a href="#">Non-Profit Checking</a><br />
            <a href="#">Business Savings</a><br />
            <a href="#">More...
        </a></td>
        <td width="25%" valign="top">&nbsp;</td>            <td width="25%" valign="top">&nbsp;</td>
        <td width="25%" valign="top">&nbsp;</td>
    </tr>
</table>

最佳答案

您的选择器是错误的：a.greyBoxTxt以类名greyBoxTxt定位锚元素。像小偷：

<a class="greyBoxTxt" href="#">Lorem</a>

您需要的是一个锚元素，该元素是具有类名greyBoxTxt的元素的后代：

.greyBoxTxt a {
    /* ... */
}

请注意，在此新选择器中，.greyBoxTxt和a之间的空间实际上是descendant combinator。

关于css - 链接不上课，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/7587722/