jquery - 使用 jquery 覆盖 css 不适用于 addthis

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 属性

默认样式

    .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 overriding remove previous class 喜欢

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

然后添加

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