覆盖内联-使用css进行样式设置[重复]答案

【问题标题】：Overwrite inline - styling with css [duplicate]覆盖内联-使用css进行样式设置[重复]
【发布时间】：2016-04-26 21:56:36
【问题描述】：

我有一个带有

的元素

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

造型。

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

【问题讨论】：

在你的 CSS 中使用 !important。
您的意思是要从该标记中完全删除style 属性并将其包含的样式移动到样式表中吗？或者您的意思是您想要/必须保留 style 属性但想要从您的样式表中覆盖它？

标签： html css

【解决方案1】：

你可以在这里使用!important

div.item {
  transform: none !important;
}

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

【讨论】：

【解决方案2】：

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

【讨论】：