我有一个标题链接，如下所示，
<a href="#">Cat<span class="more">See More</span></a>
您会看到我有里面的东西，以便向右流动“See More”，所以我有以下css
.more {float:right;}
a{text-decoration:none;width:150px;display:block;}
a:hover {text-decoration:underline;}
我希望当我将鼠标悬停在文本“Cat”上时，“See More”会带有下划线，但是在IE/Firefox中不起作用，但在Chrome中却可以。
http://jsfiddle.net/ZW9tt/1/
有人知道为什么吗？
最佳答案
您在IE和Firefox中看到的实际上是预期的行为，在CSS2.1 spec中进行了描述:
但是，等等，还有更多:
不管您信不信，Chrome都是CSS2.1浏览器，实际上它表现出一个bug(恰好已被修补!)。 Here's the bug report.
如果需要将下划线应用于 float 范围，则还需要将其显式应用于a:hover .more:
a:hover, a:hover .more { text-decoration: underline; }
关于css - <a>链接内的<span>，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/8853100/