覆盖内联 - 使用CSS设置样式

Question

我有

的元素

<div class="item" style="transform: translate3d(0px, -215px, 0px);">
 <a href="img.jpg" data-lightbox="one"><img src="img.jpg"></a></div>

样式。

我需要做的是摆脱内联样式的元素并用媒体查询css覆盖它。这样的事情是可能的，还是我需要用javascript来做？

Answer 1

您可以在这里使用!important

div.item {
  transform: none !important;
}

<div class="item" style="transform: translate3d(0px, -215px, 0px);"> <a href="img.jpg" data-lightbox="one"><img src="img.jpg">lorem</a></div>

Answer 2

您可以在规则中使用!important，然后覆盖内联样式。 见W3 docs