0

画像の css を削除しようとしています。私の実際のコードにはこの CSS は含まれていませんが、生成コードからのものです。生成されたコードに関連するものを変更することもできません。

これは私の本当のコードです

<div class="bubble">
  <img id="one" src="/static/webupload/MyronArtifacts/images/descarga.png" style='float: left;' alt="Quotes">
  <p id="comment11">I was very impressed with the unique design and high quality of this pen.
  </p>
</div>
<div class="quote_speech">
  <div class="name" id="author11">By PEDE</div>
  <div class="company" id="company11">September 25,2013</div>
</div>

このコードは、生成されたコード名 rightCol から div に追加されます

そして、次のように宣言するCSSクラスがあります

#rightCol img{
  display:block;
  float:none;
  margin:0 auto 0 auto;
  position:relative;
  border:0;
  padding:3.5px 0;
  backgroun-color:#fff;
  width:166px
}

問題は width:166px にあります。私にとって悪いことは、手動で削除できないことです（生成されたコード）。

だから私はこれにjavascriptを使うことを考えていました。この $('#one').hasClass('img')を使用して

しかし、これは私にfalseを返します。

CSS を取得して JS FIELD に入るデモを行いました。デモ

CSS から 166px を削除すると機能しますが、その解決策は利用できません。そして、has クラスは false を返します。なぜだろう？

前もって感謝します

4

2 に答える 2

1

実際には を使用!importantしてこの動作をオーバーライドできますが、使用するよりも具体的なルールを宣言する方が適切です!important

#rightCol img#one {
   width: auto;
}

デモ

于 2013-10-31T05:37:32.923 に答える
0

こんにちは、あなたのデモ ページを確認し、document.ready 関数に 1 行追加しました。

$(document).ready(function () {
        $('#one').css('width', 'auto');
        randomtip();

    });

まだ問題があるかどうかを確認してお知らせください。

于 2013-10-31T05:55:22.857 に答える