CSS TD：懸停不工作

Question

#navt td:hover { 
 
    background: #000000: 
 
}

<div id="nav"> 
 
    <table id="navt"> 
 
    <tr> 
 
     <td>HOME</td> 
 
     <td>SHOP</td> 
 
     <td>SERVICES</td> 
 
     <td>BLOG</td> 
 
     <td>FAQ</td> 
 
     <td>ABOUT</td> 
 
     <td>CONTACT</td> 
 
     <td>FB</td> 
 
     <td>TW</td> 
 
     <td>PIN</td> 
 
     <td>INST</td> 
 
     <td>ACCT</td> 
 
     <td>CART</td> 
 
    </tr> 
 
    </table> 
 

 
</div>

我已經嘗試了一些東西，也沒有用。

Answer 1

您的css中有錯別字。

#navt td:hover { 
 
    background: #000000; 
 
    color: #fff; 
 
}

<div id="nav"> 
 
    <table id="navt"> 
 
    <tr> 
 
     <td>HOME</td> 
 
     <td>SHOP</td> 
 
     <td>SERVICES</td> 
 
     <td>BLOG</td> 
 
     <td>FAQ</td> 
 
     <td>ABOUT</td> 
 
     <td>CONTACT</td> 
 
     <td>FB</td> 
 
     <td>TW</td> 
 
     <td>PIN</td> 
 
     <td>INST</td> 
 
     <td>ACCT</td> 
 
     <td>CART</td> 
 
    </tr> 
 
    </table> 
 

 
</div>

Answer 2

你已經在你的CSS代碼寫錯。 你寫的是;而不是:好心替換這個。它會工作

#navt td:hover { 
    background: #000000; 
}