Question

由于某些原因，我的链接不符合我的班级。发生了什么事？

.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>

Answer 1

我想你想要做的更多是这个

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

.greyBoxTxt a {
    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会选择这样的商业检查

Answer 2

您的选择器错误：a.greyBoxTxt使用类名greyBoxTxt定位锚元素。像你这样的东西：

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

你想要的是一个锚元素，它是一个类名为greyBoxTxt的元素的后代：

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

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

没有上课的链接

2 个答案: