將「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。