将“display：flex”添加到flexslider2 [wordpress插件]幻灯片的最佳方式是什么？

Question

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

Answer 1

您可以通过在CSS prop之后添加!important来覆盖脚本样式。 例子：

.flexslider2{ 
    display: flex !important; 
} 

注意：避免使用!important，因为它会导致意想不到的结果CSS。