Я использую JQuery, чтобы добавить элемент, такие как:Как переопределить встроенный CSS с классом CSS?
var mytop=100;
$(this).appendTo('.container')
.last()
.wrap('<div class="action" style="top:' + mytop + 'px;"></div>');
Только mytop
является расчетным числом. Так как новый элемент имеет класс action
, он должен впоследствии изменить вершину, добавив класс moveup
, такие как:
$('document').on('click', function(e){
if($(e.target).hasClass('action')){
$(this).addClass('moveup');
}
});
с CSS, как:
.moveup{
top:5px;
}
Проблема в том, инлайн CSS из добавленного <div>
переопределяет CSS класса. Когда этот вновь созданный элемент щелкнут, он должен иметь свой верхний набор в 5 пикселей.
Как переопределить встроенный CSS с помощью CSS класса?
'топ: 5px важно,' попробовать – guradio
используя 'верх:! 5px важно,' но будьте осторожны при использовании слишком много '' important' – mylee
если ($ (e.target) .hasClass ('action')) {'- не должен иметь'. 'перед именем класса при использовании с' hasClass' –