在a上显示隐藏的div:悬停

时间:2014-03-08 00:55:13

标签: html css

我已经使用菜单/子菜单完成了这项工作,但是在执行此操作时似乎无法实现这一点。

我有以下信息图形,以及带有一些文字的隐藏div:

<div class="basictext">
<p>This package allows you to "buy" a customisable web template from us to host on your own web hosting and register your own domain name for.</p>
</div>
<li class="title basic">Basic<br/><a></a></li>

在我的css中,.basictext被隐藏(但被设置样式),当.basic a被悬停时.basictext应该显示display:block

.basictext {display: none; height: 60px; width: 130px; border: 2px solid #1572b8; background: #fff; padding: 10px;} .basic a:hover .basictext {display: block;}

它根本没有出现,有什么帮助吗?

1 个答案:

答案 0 :(得分:2)

.basic a:hover .basictext   {display: block;}

将影响具有'basictext'类的元素,该类位于具有类'basic'的元素内的标记内。

<div class="basictext">
    <a> <span class="basictext">Will appear when hovering</span> </a>
</div>

你的html没有这样的结构,这就是规则没有捕获的原因。