在一个徘徊在父亲身边的孩子身上工作

Question

This代码应该有效，但实际上不会显示范围：

<a class='linkz' href="#">
    <span style='display:none;'>span </span>
    link
</a>

.linkz:hover span
{
    display:block;
}

我想要做的是在我悬停链接时显示跨度。 为什么失败？它不是有效的CSS（2）吗？

Answer 1

您的display:none设置为内联样式。内联样式始终优先，即使在元素（或其父级）悬停状态下也是如此。

如果您可以将内联样式移动到样式表中，它将起作用：

.linkz span
{
    display:none;
}

.linkz:hover span
{
    display:block;
}