Question

我需要覆盖addthis css属性，当我向其添加!important示例时，它不起作用

作品

$("#at4-scc").css("opacity", "1");
$("#at4-scc").css("visibility", "visible");

结果 style="opacity: 1; visibility: visible;"

<div id="at4-scc" class="at-share-close-control ats-transparent at4-show at4-hide-content" title="Hide" style="opacity: 1; visibility: visible;">
   <div class="at4-arrow at-left">Hide</div>
</div>

不起作用

$("#at4-scc").css("opacity", "1 !important");
$("#at4-scc").css("visibility", "visible !important");

结果 style=""

<div id="at4-scc" class="at-share-close-control ats-transparent at4-show at4-hide-content" title="Hide" style="">
   <div class="at4-arrow at-left">Hide</div>
</div>

不确定为什么它不起作用。我必须覆盖默认的css，因为它具有!important属性

默认css

    .at4-hide, .at4-hide-content {
      opacity: 0 !important;
    }
.at4-hide-content {
  visibility: hidden;
}

我也在下面试过，只添加最后一个css而不是两者。

$('#at4-scc').attr('style', 'opacity: 1 !important');
$('#at4-scc').attr('style', 'visibility: visible !important');

Answer 1

instaed覆盖删除上一课喜欢

$('#at4-scc').removeClass('at4-hide');
$('#at4-scc').removeClass('at4-hide-content');

然后添加

$("#at4-scc").css({"opacity":"1","visibility":"visible"});

Answer 2

请在课程中添加新课程，并在addthis上添加此课程，这样可以。

CSS

.newClass{"opacity":"1";"visibility":"visible";}

Jquery的

$('#at4-scc').removeClass('at4-hide');
$('#at4-scc').removeClass('at4-hide-content');
$("#at4-scc").addClass('newClass');

使用jquery覆盖css不适用于addthis

2 个答案: