css - Fancybox:覆盖 CSS

Question

如何覆盖 fancybox 的 css？

我正在构建一个在两个不同页面上使用 fancybox 的网站，我想覆盖其中一个页面上的 fancybox css，以便将箭头推到框外。IE 我想在 fancybox 上赋予这些属性:

.fancybox-prev {
    left: -80px !important;
}

.fancybox-next {
    right: -80px;
}

我不知道如何完成此操作，其他相关 stackoverflow 问题的解决方案也不起作用。我相信有一种简单的方法可以做到这一点。

谁能帮帮我？

Answer 1

$('.fancybox-prev').attr('style', 'left: -80px !important');

$('.fancybox-next').attr('style', 'right: -80px');