添加"显示的最佳方式:flex"到flexslider2 [wordpress插件]幻灯片?

时间:2017-09-05 16:12:53

标签: jquery css wordpress flexbox flexslider

我想添加" display:flex" flexslider2幻灯片,但插件的javascript将幻灯片设置为" display:block"所以我不能在我的wp主题样式表中声明,因为javascript的样式声明优先于样式表。我 可以 进入并更改flexslider.js中的代码行,但是当wordpress插件更新时我遇到了覆盖这些行的麻烦。那么,什么是覆盖javascript css的最佳方式?我应该使用flexslider插件吗?有没有更好的方法来使用jquery / js创建一个我可以使用flex属性的滑块?它似乎是最简洁,最简单的滑块插件,可以作为wp中的特色帖子滑块来实现。谢谢你的帮助。

1 个答案:

答案 0 :(得分:0)

您可以通过在CSS道具之后添加!important来覆盖脚本样式。 示例:

.flexslider2{
  display: flex !important;
}

注意:避免使用!important,因为它可能导致意外的CSS结果。