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

Leo_wl 阅读:10 2023-09-15 19:09:47 评论:0

我正在使用 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


标签:JavaScript
声明

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

关注我们

一个IT知识分享的公众号