html - 悬停时出现边框

Question

尝试使链接在 :hover 上显示 border-bottom。

Here is the HTML .当您将鼠标悬停在“登录”上时，您应该会在底部看到一个 3px 的边框

<ul class="secondaryNavList signIn">
    <li class="logo"><img src="images/layout/bbclogo.png" alt="BBC"></li>
    <li class="signin"><a href="/signin">Sign in</a></li>
</ul>

这是悬停的 CSS

nav.secondary li.signIn a:hover{
    border-bottom:3px solid #0f0;
}

似乎无法正常工作？

Answer 1

js和css是区分大小写的。更改 <li class="signin">通过 <li class="signIn">

编辑: http://jsfiddle.net/VAtD3/1/