<分区>
要求提供代码的问题必须表现出对所解决问题的最低限度理解。包括尝试过的解决方案、为什么它们不起作用,以及预期结果。另请参阅:Stack Overflow question checklist
关闭 9 年前。
标签 html css html-lists
<分区>
要求提供代码的问题必须表现出对所解决问题的最低限度理解。包括尝试过的解决方案、为什么它们不起作用,以及预期结果。另请参阅:Stack Overflow question checklist
关闭 9 年前。
当我将鼠标悬停在列表项 (li) 上时,会出现第二个链接,可点击该链接以执行其他操作,该怎么做?
例子:
最佳答案
这是一个很粗略的例子,可能还有很多其他的方法,看看吧。
HTML:
<ul>
<li>
<a href="#">personal</a>
<a href="#" class="show">show</a>
</li>
<li>
<a href="#">personal</a>
<a href="#" class="show">show</a>
</li>
</ul>
CSS:
ul {
list-style-type: none;
}
ul li {
background: #999;
border: 1px solid #000;
width: 300px;
}
ul li a {
margin: 10px 0px;
display: inline-block;
}
.show {
display: none;
float: right;
}
ul li:hover .show {
display: inline-block
}
关于html - 列表中的链接已经是一组链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18078073/