Uute CSS-i reeglite süstimine - CSS-trikid

Anonim

Kui peate JavaScripti elemendi stiili muutma, on tavaliselt parem vahetada klassi nimi ja lasta lehel oleval CSS-il jõustuda ja stiili muuta. Igast reeglist on siiski erandeid. Näiteks võiksite pseudoklassi (nt :hover) programmiliselt muuta . JavaScripti kaudu ei saa seda teha samal põhjusel, et sisesed style=""atribuudid ei saa pseudoklasse muuta.

Peate lehele sisestama uue elemendi, millel on õiged stiilid. Parim on süstida see lehe allossa, nii et see alistab teie CSS selle kohal. JQuery abil on lihtne:

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

Kasutamine

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

Demo

Rohkem informatsiooni

  • Stiilne süstimine on IE-s (Ryan Seddon).
  • Virna ülevoolu niit.