其他插件覆盖时添加CSS样式

Question

我有一个简单的div ，我想为这个div添加边框：

function addBorder() {    
    $('#nav').css({'border:left':'100px solid red;'})
}

但是，此div使用其他可移动它的插件。 该插件使用样式属性并覆盖我的样式。 怎么解决呢？

Answer 1

阅读文档后，您可以为插件创建自己的样式表...

我将使用原始的scss文件之一（ https://github.com/artberri/sidr/tree/master/src/scss ），对其进行调整以适合我的需要，并替换<link rel="stylesheet" href="javascripts/sidr/stylesheets/jquery.sidr.dark.css">来挖掘...

它应该可以解决问题

希望这可以帮助

摇摆

Answer 2

尝试这个

function addBorder() {    
    $('#nav').css({'border-left':'100px solid red !important;'})
}

或CSS

#nav{
border-left:100px solid red !important
}

我已经将您的border：left更改为border-left 。 并添加了！重要