Как переопределить запрос css media! Важное свойство с помощью jquery

Как переопределить важный ресурс css media! Important с помощью jquery. не matchMedia работает IssueКак переопределить запрос css media! Важное свойство с помощью jquery

#div{ 
    padding-left:10px; 
} 
@media screen and (min-width: 767px) { 
    #div{ 
    padding-left:15px !important; 
    } 
} 

var minql = window.matchMedia("(max-width:475px) and (min-width:320px)"); 
if (minql.matches) { 
    $("#div").css({"padding-left": "30px" }); 
}

источник

2015-12-22 kannan D.S

пожалуйста, посмотрите на это так, вопрос: http://stackoverflow.com/questions/11962962/overriding-important-with-css-or-jquery – vijayP

Возможный дубликат http://stackoverflow.com/questions/462537/overriding-important-style/1577204#1577204 –

На самом деле использование '! Important' полностью ненужный в коде, который вы поделили. Не используйте его, если это абсолютно необходимо - оно побеждает цель каскадных стилей. – Terry

Попробуйте

if (window.matchMedia("(min-width: 400px)").matches) { 
    /* the viewport is at least 400 pixels wide */ 
} else { 
/* the viewport is less than 400 pixels wide */ 
}

Вы также можете обратиться к этому примеру: Source

источник

2015-12-22 06:24:41

Как переопределить запрос css media! Важное свойство с помощью jquery

ответ

Смежные вопросы