这太他妈基础了,我不知道如何让它发挥作用。
如何在下拉列表 anchor 没有下划线的情况下保持 .selected 类有下划线?
HTML:
<ul id="nav">
<li>
<a href="about.html">about</a>
</li>
<li>
<a href="about.html">about</a>
</li>
<li class="selected">
<a href="work.html">Work</a>
<ul id="second" class="vis">
<li>
<a href="graphicdesign.html">Graphic Design</a>
</li>
<li>
<a href="illustrations.html">Illustrations</a>
</li>
</ul>
</li>
<!-- etcetera -->
CSS:
ul#nav {
position: relative;
margin-left: 0;
padding-left: 0;
display: inline;
}
ul#nav li {
margin-left: 0;
padding: 3px 15px;
list-style: none;
display: inline;
}
ul#nav li.first {
margin-left: 0;
border-left: none;
list-style: none;
display: inline;
}
ul#second {
position: absolute;
right: -57px;
display: none;
}
.selected {
text-decoration: underline;
}
.selected:hover ul#second {
display: block;
}
.selected:hover ul#second li a {
display: block;
}
a {
text-decoration: none;
}
最佳答案
只需更改这一行:
.selected a{text-decoration:underline;}
对于这个:
.selected > a{text-decoration:underline;}
关于html - 当 parent 有文本装饰时摆脱嵌套的 li 文本装饰,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10733771/