Įšvirkškite naujas CSS taisykles CSS-gudrybės

Anonim

Jei jums reikia pakeisti elemento stilių naudojant „JavaScript“, paprastai geriau pakeisti klasės pavadinimą, kad puslapyje jau esanti CSS įsigaliotų ir pakeistų stilių. Tačiau kiekvienai taisyklei yra išimčių. Pvz., Galbūt norėsite programiškai pakeisti pseudoklasę (pvz. :hover). Negalite to padaryti naudodami „JavaScript“ dėl tos pačios priežasties įterptieji style=""atributai negali pakeisti pseudo klasių.

Į puslapį turėsite įšvirkšti naują elementą su teisingais stiliais. Geriausia jį sušvirkšti puslapio apačioje, kad jis nepaisytų jūsų CSS virš jo. Su „jQuery“ lengva:

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

Naudojimas

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

Demonstracija

Daugiau informacijos

  • Stilius įpurškia IE (Ryanas Seddonas).
  • Stack Overflow siūlas.