Vbrizgajte nova pravila CSS - CSS-triki

Anonim

Če morate spremeniti slog elementa z JavaScriptom, je običajno bolje, da spremenite ime razreda in da CSS že na strani začne veljati in spremeni slog. Vendar pa obstajajo izjeme pri vsakem pravilu. Na primer, morda želite programsko spremeniti psevdorazred (npr. :hover). Tega ne morete storiti prek JavaScripta iz istega razloga, ker style=""atributi v vrstici ne morejo spreminjati psevdo razredov.

Na stran boste morali vstaviti nov element s pravilnimi slogi. Najbolje je, da ga injicirate na dnu strani, tako da preglasi vaš CSS nad njim. Preprosto z jQuery:

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

Uporaba

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

Demo

Več informacij

  • Vbrizgavanje sloga v IE (Ryan Seddon).
  • Stack Overflow nit.