css - Fancybox：覆盖 CSS

Question

如何覆盖fancybox的css？

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

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

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

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

有人可以帮帮我吗？

score 1 · Accepted Answer

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

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

score 0 · Accepted Answer

如果使用 fancybox v1.3.4 检查： http: //fancybox.net/faq No.8 ....检查这个也可能有用。

基本上，您必须在加载了 fancybox css 文件之后设置一个 CSS 内联声明以覆盖这些属性。

score 0 · Accepted Answer

您必须记住CSS 的层次结构。内联 CSS 是最重要的，其次是外部 CSS。对于后者，它们是从 CSS 文件的顶部读取的。因此，在下面编写您想要用来覆盖前一个样式的样式应该可以很好地完成工作。

其次，你总是可以使用 jQuery 来做到这一点。ShaggyInjun 举了一个很好的例子。您应该可以通过使用$(selector).css();来做到这一点。.

3 回答 3