Javascript 删除没有jQuery的覆盖css

我添加了一个具有宽度和高度属性的图像，但它们被css类覆盖。 该类无法更改，因为它来自库，我会破坏大部分样式。解决方案是设置样式属性，但我不能，因为图像来自编辑器（tinyMCE）

如何在不使用jquery的情况下使当前的两个css属性无效或用图像属性覆盖它们？也欢迎其他解决办法

多谢各位

来自编辑器的html代码段：

 <img src="https://crossbrowsertesting.com/design/images/cbt-sb_logo.svg" alt="" width="422" height="69">

如前所述，我无法更改html代码段，因为它是从

---

编辑图像大小也会动态设置

假设您的图像以

<img src="/imgs/test.png" class="imgTest" alt="img"/>

答复（伪代码）： 将Javascript用于解决方案

var x = document.getElementsByClassName("example");
  for (var i = 0; i < x.length; i++) {
    x[i].style.width = "10px";
    x[i].style.height = "10px";
  }

var x=document.getElementsByClassName（“示例”）；
对于（变量i=0；i

---

一个简单的解决方案是在预定义的css库之后加入一个外部css，这样您的css将比预定义的css有更多的优先权。i、 e:

<link href="css/predefined.css" rel="stylesheet">
<link href="css/your.css" rel="stylesheet">

请提供HTML和CSS代码示例。使用层次结构创建新规则并设置属性值

！重要

；尝试所需类的重要信息类{property1:vlaue！重要；property2:vlaue！重要；property3:vlaue！重要；}是否有方法设置！对img属性重要吗？我发现了这个解决方案，但它不起作用。宽度和高度由用户通过编辑器动态设置。否则，您的解决方案将与Hierarchy一起工作，并且您确定不想使用javascript或jquery？也许唯一的解决方案是javascript…jquery不是解决方案，因为angular和jquery是两种不同的范例。类似于（伪代码）：var img=document.getElementsByTagName（“img”）img.style='width:'+img.width；应该可以。是的，但是当你调整页面上每个img标签的大小时，如果可能的话，你应该通过Id og类来获取元素。同时更新答案，以便前来的人也会注意到您的解决方案

var x = document.getElementsByClassName("example");
  for (var i = 0; i < x.length; i++) {
    x[i].style.width = "10px";
    x[i].style.height = "10px";
  }

<link href="css/predefined.css" rel="stylesheet">
<link href="css/your.css" rel="stylesheet">