2016-04-26 87 views
2

造型我有覆蓋在線 - 用CSS

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

風格的元素。

需要要做的是擺脫元素的內聯風格,並用媒體查詢CSS覆蓋它。是這樣的事情可能嗎?或者我需要用JavaScript來做?

+1

在您的css中使用'!important'。 – murli2308

+2

你的意思是你想從標籤中完全刪除'style'屬性,並將它包含的樣式移動到樣式表中?或者你的意思是你想要/必須保留'style'屬性,但想從樣式表中覆蓋它? – Shaggy

回答

3

你可以使用!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>

1

您可以使用!important在您的規則,然後再將覆蓋內嵌樣式。 請參閱W3 docs