Ввести новые правила CSS онлайн урок.


Если вам нужно изменить стиль элемента с помощью JavaScript, обычно лучше изменить имя класса, а CSS уже на странице вступить в силу и изменить стиль. Однако есть исключения для каждого правила. Например, вы можете программно изменить псевдокласс (например,: hover). Вы не можете сделать это с помощью JavaScript по той же причине. Встроенные атрибутыstyle = ""не могут изменять псевдо классы.

Вам нужно будет ввести новый& lt; style & gt;на странице с правильными стилями в ней. Лучше всего ввести его в нижней части страницы, чтобы он переопределял ваш CSS над ним. Легко с jQuery:

function injectStyles(rule) {
var div = $("<div />", {
html: '&shy;<style>' + rule + '</style>'
}).appendTo("body");
}

# Применение

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

# Демонстрация

Дополнительная информация
  • Стильные инъекции в IE
  • (Райан Седдон).
  • поток переполнения стека
  • .