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