Question

我正在尝试应用这样的CSS样式：

$(".data-rendering").css("background-size", "contain");

但是已经应用了这个css：

element.style {
    background: url(/Images/renderings/vista-ridge-macnab.jpg) 0px;
    background-size: cover !important;
    background-repeat: no-repeat;
}

有没有改写这个？

我尝试过使用.style但是没有用，我收到错误说.style不存在。

Answer 1

最好的方法是使用jQuery添加一个类，并在element.style类下面设置该类。

<div class="box2">
            <div class="center">
            <div class="center-v">

                <h1 class="content-title">Lorem impsum</h1>
                <hr>
                <p class="content-sub-title">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sit amet purus ac turpis finibus auctor. Interdum et malesuada fames ac ante ipsum primis in faucibus. Donec in dictum arcu, dapibus porta lorem. </p>
                 </div>
                 </div> 
            </div>

.center {
    display: table;
    height: 345px;
}

.center-v {
    display: table-cell;
    vertical-align: middle;
}

Answer 2

    <head> 
    <link rel="stylesheet" type="text/css" href="/jquery.min.js">
    <link rel="stylesheet" type="text/css" href="site.css">
    <link rel= "stylesheet"  href="bad script you dont want that is causing"> problem>

在本地下载您的jquery javascript和样式表。
将该特定脚本粘贴到您的网络应用程序的最顶层，例如

（这通常是site.css通常所在的位置。将它置于顶部将优先于具有！important或inline-styles的错误样式表，因为您可以调用它们。）

3.如果失败，只需将您的代码段（＆＃39; .data-rendering＆＃39;）.css（＆＃34; cssText＆＃34;，＆＃34; background-size：contains！重要;＆＃34）;并将其放在页面顶部并删除导致问题的内联样式

Answer 3

你可以尝试这个，它应该可行

$( '.data-rendering' ).css("cssText", "background-size:contain !important;");

这也很好。

$(".data-rendering").attr('style', 'background-size:contain !important;');

jquery覆盖重要的css样式

3 个答案: