Убаци нова ЦСС правила - ЦСС-трикови

Anonim

Ако требате да промените стил елемента помоћу ЈаваСцрипт-а, обично је боље да промените име класе и да ЦСС већ на страници ступи на снагу и промени стил. Међутим, постоје изузеци од сваког правила. На пример, можда бисте желели да програмски промените псеудо-класу (нпр. :hover). То не можете учинити путем ЈаваСцрипт-а из истог разлога јер уграђени style=""атрибути не могу мењати псеудо класе.

На страницу ћете морати убризгати нови елемент са исправним стиловима. Најбоље је да га убризгате на дну странице, тако да надјача ваш ЦСС изнад њега. Једноставно уз јКуери:

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

Употреба

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

Демо

Више информација

  • Убризгавање стила у ИЕ (Риан Седдон).
  • Стацк Оверфлов нит.