覆盖用CSS MediaQueries JQuery的CSS值(Overwrite JQuery c

我使用的CSS媒体查询构建排序的自适应网页布局。 我刚开始包括一些动画与jQuery跑进以下问题：

当与jQuery动画元素，每个元素接收动画值在它们的style="..."属性。 这意味着原来的值，它可能已经存储在一类，被忽略。 我有一个媒体查询它的目标print并重置动画值以提供在纸张上更好的视觉体验。 问题是，在媒体查询所做的更改不会影响因素，因为他们现在有自己的风格属性，它是不是类设置强。

@media print{
    .PaddOnScroll{
        padding-left: 1.6em;
        opacity: 1;
    }
}

<div class="ContentBounds TitleFont PaddOnScroll" style="padding-left: 0px; opacity: 0;">
    ...
</div>

你有没有被应用的我怎么能强迫我的媒体查询的想法？

Answer 1:

覆盖通过CSS内联规则的唯一方法是使用！重要的 。

@media print{
    .PaddOnScroll{
        padding-left: 1.6em !important;
        opacity: 1 !important;
    }
}

另一种解决方案使用jQuery仅是计算的屏幕尺寸 ，并应用规则的CSS（） 。

文章来源: Overwrite JQuery css values with Css MediaQueries