Ubrizgajte nova CSS pravila - CSS-trikovi

Anonim

Ako trebate promijeniti stil elementa s JavaScriptom, obično je bolje promijeniti naziv klase i CSS već na stranici stupiti na snagu i promijeniti stil. Međutim, postoje iznimke od svakog pravila. Na primjer, možda biste željeli programski promijeniti pseudo-klasu (npr :hover.). To ne možete učiniti putem JavaScript-a iz istog razloga jer ugrađeni style=""atributi ne mogu mijenjati pseudo klase.

Morat ćete ubrizgati novi element na stranicu s ispravnim stilovima. Najbolje je ubrizgati ga na dnu stranice kako bi nadjačao vaš CSS iznad njega. Jednostavno s jQueryjem:

function injectStyles(rule) ( var div = $(" ", ( html: '-' + rule + '' )).appendTo("body"); )

Upotreba

injectStyles('a:hover ( color: red; )');

Demo

Više informacija

  • Ubrizgavanje stila u IE (Ryan Seddon).
  • Stack Overflow nit.