使用CSS和Velocity JS淡入內聯塊

Question

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

問題是Velocity應用了display：list-item; 不透明度：1； 到元素並覆蓋我的顯示：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;
}

修正的小提琴