将 "display: flex" 添加到 flexslider 2 [wordpress 插件] 滑块的最佳方法？

Question

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

Answer 1

您可以通过在 CSS 属性后添加 !important 来覆盖脚本样式。 示例：

.flexslider2{
  display: flex !important;
}

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