我正在使用光滑的 slider ，但无论出于何种原因，当我将鼠标移到 next 或 previous 按钮上时，它不会改变不透明度(鼠标移出: 0.5, mouse-in: 1) 它只是保持 1，有没有办法可以应用 jQuery 来更改此任务的 CSS？我要添加 jQuery 的元素如下所示:
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev:before,
.slick-prev:before,
.slick-next:before,
.slick-next:before
{
opacity: 0.5;
}
最佳答案
简而言之:不，你不能。
详细答案:
您正在使用的元素称为 pseudo-elements (:before, :after, etc) .它们不存在于 DOM 中，因此您无法选择其中任何一个并更改其样式。
可能的解决方法:
通过为相同元素声明另一个样式规则来覆盖样式(例如，通过注入(inject)包含将覆盖现有样式的样式的 STYLE 标签) .
关于javascript - 如何将 jQuery 应用于 .element :before:hover?，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/29004507/