使用CSS和Velocity JS淡化内联块

Question

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

问题是Velocity应用 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