CSS没有使用铬。从父母悬停改变孩子

Question

我在使用chrome显示下一个代码时遇到问题：

版本28.0.1500.71 Ubuntu 13.04（28.0.1500.71-0ubuntu1.13.04.1）

<div class="parent">
<div class="child">
    Box text
</div> 
</div>


.parent {
border-bottom: 9px solid blue;
}
.parent:hover .child{
border-bottom: 9px solid red;
}

http://jsfiddle.net/Jq6uj/

在Firefox和Chrome中都很好。

我应该发票吗？

由于

Answer 1

这不是浏览器错误。你无法告诉它删除鼠标悬停的原始边框。所以做这样的事情：

.parent:hover {
    border-bottom: none;
}

Fiddle

或者正如WP_所说，只需在悬停时将边框颜色设置为红色，而不是使用子元素（如果可能的话）。