1. Zuhause
  2. Frage und Antwort
  3. überschreiben Inline - Styling mit CSS

überschreiben Inline - Styling mit CSS

2016-04-26 25 views
2

Ich habe ein Element mitüberschreiben Inline - Styling mit CSS

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

Styling.

Was ich brauchen zu tun ist, loszuwerden Inline-Stil von Element und überschreiben Sie es mit Medienabfragen CSS. Ist so etwas möglich oder muss ich das mit Javascript machen?

Quelle

2016-04-26 Darlyn

+1

Verwenden Sie '! Wichtig' in Ihrem CSS. – murli2308

+2

Meinst du, du möchtest das 'style' Attribut von diesem Tag komplett entfernen und die enthaltenen Styles in ein Stylesheet verschieben? Oder meinen Sie, dass Sie das Attribut "style" behalten wollen/müssen, es aber in Ihrem Stylesheet überschreiben möchten? – Shaggy

Antwort

3

könnten Sie !important hier

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>

Quelle

2016-04-26 13:24:03

1

Sie können in Ihren Regeln verwenden !important verwenden, und dann wird dann Inline-Stile außer Kraft setzen. Siehe W3 docs

Quelle

2016-04-26 13:25:00 Mike

Verwandte Themen

 Verwandte Themen