gpt4 book ai didi

css - 如何删除 Squarespace 中的悬停效果?

转载 作者:太空宇宙 更新时间:2023-11-03 23:14:09 27 4
gpt4 key购买 nike

所以我不知道如何删除我正在处理的 friend 网站上的悬停效果...我不想在此处的箭头上看到悬停背景:

http://adam-smith-0nvq.squarespace.com/drawings-paintings

悬停效果显示在这里:http://d.pr/i/SyYt

我怎样才能改变它,让它不再悬停在上面?

最佳答案

对于这样的说明性问题,我总是建议检查元素并将相关代码片段与您的问题一起发布。通常,您会在这样做的过程中找出这些基本的 CSS 问题。

将其放入您的自定义 CSS 文档中:

.sqs-gallery-controls .next:hover,
.sqs-gallery-controls .previous:hover {
background-color: inherit;
}

如果您检查此元素,您会看到 SquareSpace 在这些箭头上有一个 .next 和一个 .previous 类。这两个类都有适用于它们的伪类 :hover 的规则。所以基本上他们在这个伪类上使用了 background-color: rgba(0,0,0,0.2);,创建了透明的黑色背景。

通过在上面插入 CSS 来覆盖它,以便在悬停时,该元素继承其类的主要背景规则,什么都不是(或您将来将其更改为的任何内容)。

希望这对您有所帮助。

关于css - 如何删除 Squarespace 中的悬停效果?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31370550/

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