javascript - 删除图像的 CSS(CSS 是生成代码的一部分)

Question

我正在尝试删除图像的 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')

但这让我返回错误。

我做了一个在 JS FIELD 中获取 CSS 的演示。 DEMO

如果我从 CSS 中删除 166px 它可以工作，但该解决方案对我不可用。而 has 类返回 false。想知道为什么吗？

提前致谢

Answer 1

实际上您可以使用 !important 来覆盖此行为，但最好声明更具体的规则而不是使用 !important

#rightCol img#one {
   width: auto;
}

Demo