由於某些原因，我的鏈接不符合我的課程，因此鏈接未上課

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

你的選擇是錯誤的：a.greyBoxTxt目標類名爲greyBoxTxt的錨元素。喜歡的東西thie：

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

你需要的是一個錨元素，它的元素與類名greyBoxTxt後代：

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

注意，在這個新的選擇，在.greyBoxTxt和之間的空間a實際上是descendant combinator。

Answer 2

我猜你正在試圖做的是更本

.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會選擇這樣的事情，商業檢查