当其他插件覆盖它时添加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 。并添加了！important