gpt4 book ai didi

css - 将鼠标悬停在子元素上,更改父元素的 CSS?

转载 作者:行者123 更新时间:2023-11-28 17:29:36 25 4
gpt4 key购买 nike

<分区>

我正在使用 ZeroClipboard复制到剪贴板。这会在我的元素上放置一个不可见的 flash 电影,这样可以访问用户剪贴板。

我在使用 CSS 时遇到了问题。

我有一个列表,其中的元素如下所示:

<li>
<div class="btn-holder">
<div class="clipboard">copy to clipboard</div>
</div>
</li>

这是 CSS (SASS):

li{
&:hover .btn-holder{
opacity: 1;
}
}

.btn-holder{
opacity: 0;
}

当您将鼠标悬停在 li 元素上时,它的子 .btn-holder 元素会淡入。

我遇到的问题是,当用户将鼠标悬停在 Flash 影片上时(这是在具有类 .clipboard 的 div 上),悬停在 li 元素上失败并且 .btn-holder 淡出。

ZeroClipboard 预料到了这一点,并在悬停时向元素添加了一个类,因此在悬停时 .clipboard 将有一个类:

zeroclipboard-is-hover

我如何将其添加到 CSS,以便当此类出现在 .clipboard 上时,.btn-holder 不会淡出?

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com