相关疑难解决方法(0)

如何选择<li>作为锚元素直接父元素的元素？

在示例中,我的CSS将是这样的:

li < a.active {
    property: value;
}

显然有一些方法可以使用JavaScript来实现这一点,但我希望CSS Level 2本身存在某种解决方法.

我尝试设置样式的菜单正在由CMS喷出,因此我无法将活动元素移动到<li>元素...(除非我主题菜单创建模块,我宁愿不这样做).

有任何想法吗？

加号(+)用于下一个兄弟.以前的兄弟姐妹是否有同等效力？

所以这就是我要做的事情:

我有两个并排的图标,下面有两个隐藏的跨度.当我将鼠标悬停在图标上时,我想要显示相应的跨度.

------------ HTML部分-----------------

<span class="icons"><!--ICONS-->
    <li class="oneLI">one</li>
    <li class="twoLI">two</li>
</span>

<span class="popups">
    <span class="one"></span>
    <span class="two"></span>
</span>

-------------- CSS部分--------------

span.popups span.one,span.popups span.two{opacity:0;

span.icons:first-child:hover + span.popups span.one{opacity:1}
span.icons:last-child:hover + span.popups span.two{opacity:1}

现在很明显这不太有效,我怎样才能使用CSS？

http://jsfiddle.net/RLhKK/

我试图得到它，所以当我将鼠标悬停在一个 DIV 上时，另一个 DIV 会显示在该 DIV 内但显示在当前内容之上。因此，如果我有一个 500 像素 x 500 像素的 DIV，其中显示了书籍封面，当我将鼠标悬停在它上面时，父 DIV 的 90% x 90% 的另一个 DIV 将出现在其中，显示书籍详细信息，但位于书籍封面之上。

到目前为止，我所做的就是使 div 出现在悬停时，但它们被添加到父级拉伸中，制作滚动条等。

我尝试过使用display:none和display:block和visibility隐藏，并搜索负载，但似乎都不允许在当前内容上显示DIV。

这个小提琴是我能得到的最接近的，但它不会覆盖主 DIV 中的内容，也不局限于主 DIV。http://jsfiddle.net/vereonix/kPPFv/

    *{
    margin:0;
    padding:0;
}
#content{
    height:100%;
    width:100%;
    background-color: #CCCCCC;
    padding:0;
    margin:0;
    position:absolute;
}
#hoverbar{
    height:90%;
    width:90%;
    background-color: #666;
    position:absolute;
    visibility:hidden;
    margin-left: 5%;
    margin-top: 5%;
}
#content:hover > #hoverbar{
    visibility:visible;
}

<div id="content">
    image<br>image<br>image<br>image<br>image<br>image<br>image<br>image<br>image<br>image<br>
    <div id="hoverbar">
        details
    </div>
</div>

与该网站类似的内容： http: //studionudge.com/

遗憾的是，我没有任何当前代码可以显示，因为我只是尝试进行小规模测试来找到解决方案。我已经尝试过诸如这些 SOF 问题的答案之类的事情：

仅使用 CSS，将鼠标悬停在 <a> 上时显示 div

CSS …