javascript之使用 CSS 和 Velocity JS 淡化内联 block

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

问题是 Velocity 应用 display: list-item; opacity: 1; 到元素并覆盖我的 display: inline-block; 我的列表现在是垂直的。

如何强制它始终使用内联 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 }); 

请您参考如下方法:

尝试使用 !important 符号:

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

revised fiddle