CSSとVelocity JSのフェードインラインブロック

Question

私はVelocity JSを使ってリストオブジェクトをフェードします。

Velocityが適用されるという問題があります。display：list-item;不透明度：1;を要素に置き換え、私のの表示を上書きします。と私のリストは今垂直です。

いつもインラインブロックを使用するように強制できますか？

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