我已经使用菜单/子菜单完成了这项工作,但是在执行此操作时似乎无法实现这一点。
我有以下信息图形,以及带有一些文字的隐藏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;}
它根本没有出现,有什么帮助吗?
答案 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没有这样的结构,这就是规则没有捕获的原因。