相关疑难解决方法(0)

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

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

li < a.active {
    property: value;
}

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

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

有任何想法吗？

所以,如果我理解z-index正确,在这种情况下它将是完美的:

我想将底部图像(标签/卡片)放在它上面的div下面.所以你看不到锋利的边缘.我该怎么做呢？

z-index:-1 // on the image tag/card

要么

z-index:100 // on the div above

也不起作用.也不是这样的组合.怎么会？

我知道没有CSS父选择器,但是在没有这样的选择器的情况下悬停子元素时是否可以设置父元素的样式？

举个例子:考虑一个删除按钮,当悬停时会突出显示要删除的元素:

<div>
    <p>Lorem ipsum ...</p>
    <button>Delete</button>
</div>

通过纯CSS,当鼠标悬停在按钮上时,如何更改此部分的背景颜色？

我想创建一个教程,引导用户准确点击的位置.我试图覆盖整个屏幕,<div>这会变得暗淡,所有的元素,除了一个特定区域是在一个固定的width,height,top和left.

问题是,我找不到"取消"父母的方法background-color(这也是透明的).

在下面的剪辑中,hole是应该没有任何的div background-color,包括它的父级.

这可以完成吗？有任何想法吗？

#bg{
   background-color:gray;
   opacity:0.6;
   width:100%;
   height:100vh;
}
#hole{
   position:fixed;
   top:100px;
   left:100px;
   width:100px;
   height:100px;
}

<div id="bg">
    <div id="hole"></div>
</div>

这是我正在努力实现的模型图像:

我正在寻找一个css选择器来使用outerDivs类和data属性选择内部div.因为我只希望能够选择内部div,如果数据设置为true,这可能吗？

<div class="outerDiv" data-Outer="true"> 
  <div class="inner"> </div>
</div>