CSS TD:悬停不工作
问题描述:
#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>
我已经尝试了一些东西,也没有用。
答
您的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>
答
你已经在你的CSS代码写错。 你写的是;
而不是:
好心替换这个。它会工作
#navt td:hover {
background: #000000;
}
问题是因为背景:#000000:。它应该以;不是:你可以使用#000 –