使用CSS的多元素滚动
当列表项滚动时,我需要让divs显示使用CSS的多元素滚动,css,hover,rollover,Css,Hover,Rollover,当列表项滚动时,我需要让divs显示{border bottom:solid 2px#F63}。我玩了。whatever:hover。whatever{但什么也没想到。有什么建议吗?如果没有看到你的CSS/HTML,很难/不可能发布解决方案。但是正如@James Khoury在评论中提到的,你需要将div放在li中。所以类似这样的东西 <ul> <li class="first">First <div class="first">
{border bottom:solid 2px#F63}
。我玩了。whatever:hover。whatever{
但什么也没想到。有什么建议吗?如果没有看到你的CSS/HTML,很难/不可能发布解决方案。但是正如@James Khoury在评论中提到的,你需要将div
放在li
中。所以类似这样的东西
<ul>
<li class="first">First
<div class="first">
First
</div>
</li>
<li class="second">Second
<div class="second">
Second
</div>
</li>
</ul>
你的CSS应该可以工作;也许完整代码中有什么特殊的东西导致它不能工作。你应该发布一份更完整的CSS副本。@Spencer如果你的
div
s是你想要添加边框的元素,并且列表项在里面,那么就不能使用CSS,因为你不能基于它指定元素包含另一个元素(AFAIK)。如果相反,并且您的div
在列表项中,那么它应该可以工作。就像@Jacob所说的。您的列表项。无论什么都必须包含您要使用该技术进行样式设置的div。CSS被称为级联样式表是有原因的。
div{width:50px; height:50px;
border:1px solid blue;
margin:1em;}
li a{display:block;}
li.first:hover div.first, li.second:hover div.second{
border-bottom:solid 2px #F63;}