使用CSS和Velocity JS淡入淡出內嵌塊

Question

我正在使用Velocity JS淡入淡出列表對象。

問題是速度適用display：list-item;不透明度：1;添加到元素並覆蓋我的display：inline-block;和我的列表現在是垂直的。

我該如何強制它總是使用內聯塊？

https://jsfiddle.net/01qvqmxa/

HTML

<ul class="myList"> 
    <li>test</li> 
    <li>test</li> 
    <li>test</li> 
</ul> 

CSS

li { 
    opacity: 0; 
    display: inline-block; 
    padding: 1em; 
} 

JS

$(".myList li").velocity("fadeIn", { delay: 300, duration: 2000 }); 

Answer 1

嘗試使用!important符號：

li { 
    opacity: 0; 
    display: inline-block !important; 
    padding: 1em; 
} 

revised fiddle