как я могу заменить стиль на новый, используя jquery

Question

Я вставляю ниже css, используя jquery, в тег head, но проблема в том, что каждый раз, когда я меняю цвет, используя пользовательский интерфейс, он добавляет другой стиль, и, чем CSS, как я могу удалить уже добавленное и заменить новым css, помогите.

<style charset="utf-8" type="text/css">div.contentMid2{background:#000;}div.module{background:#fff;}</style>

хочу добавить пару CSS во время выполнения, но заменить на уже добавленное.

Answer 1

если вам нужно динамически изменять значения css (background-color:VARIABLE), вы можете сделать одно из следующих действий:

• с помощью ajax вы запрашиваете новую таблицу стилей с новыми значениями. После этого вы вводите его в тег head.
• обходите весь DOM каждый раз, когда вам нужно что-то изменить. $('.someDIv').css(). Но будьте осторожны, этот способ может быть довольно пожирателем ресурсов:)

если вам нужно только добавить статический CSS, вы можете добавить / удалить класс из body:

$('body').addClass('new')

или

$('body').addClass('new2')

И из CSS:

.someClass {background:red}
body.new .someClass {background:blue}
body.new2 .someClass {background:green}

Answer 2

.

$ ( 'div.contentMid2') CSS ({фон: '# 000'})