将“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 属性后添加 !important 来覆盖脚本样式。 示例：

.flexslider2{
  display: flex !important;
}

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