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; 
}