Javascript 使用CSS和Velocity JS淡入内联块

Javascript 使用CSS和Velocity JS淡入内联块,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在使用淡入淡出列表对象 问题是Velocity应用了显示:列表项;不透明度:1到元素并覆盖我的显示:内联块我的列表现在是垂直的 如何强制它始终使用内联块 HTML <ul class="myList"> <li>test</li> <li>test</li> <li>test</li> </ul> JS li { opacity: 0; display: inline-bl

我正在使用淡入淡出列表对象

问题是Velocity应用了显示:列表项;不透明度:1到元素并覆盖我的显示:内联块我的列表现在是垂直的

如何强制它始终使用内联块

HTML

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

li {
  opacity: 0;
  display: inline-block;
  padding: 1em;
}
$(".myList li").velocity("fadeIn", { delay: 300, duration: 2000 });

尝试使用
!重要提示
符号:

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

尝试使用
!重要提示
符号:

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