Fancybox：覆盖CSS

Question

如何覆盖fancybox的css？

我正在建立一个网站，在两个不同的页面上使用fancybox，我想在这些页面之一上覆盖fancybox css，这样箭头就会被推到盒子外面。 IE浏览器，我想对的fancybox传授这些属性：

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

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

我无法弄清楚如何做到这一点和解决方案等相关问题计算器不工作。我确信有一个简单的方法来做到这一点。

有人可以帮我吗？

Answer 1

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

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

Answer 2

您必须记住hirarchy of the CSS。内联CSS是最重要的，外部CSS将被读取第二。 说到后者，它们是从CSS文件的顶部读取的。因此，编写你想用来覆盖之前的样式的样式，应该可以做得很好。

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

Answer 3

如果使用fancybox v1.3.4检查： http://fancybox.net/faq No.8 ....它也可能是有用的check this。

如果使用的fancybox V2.X检查： https://stackoverflow.com/a/8672001/1055987

基本上，你必须设置一个CSS在线声明后，您为了覆盖这些属性加载的fancybox css文件。