jquery - 将 css 添加到 jquery 'flux' 动画

Question

我目前正在使用 JQuery 插件“Flux”创建图像幻灯片。我想在图像中添加一些 CSS 以使它们具有相同的高度并具有圆角，但是，我无法将 CSS 应用于它们。

我使用同心过渡（此处演示：http: //www.joelambert.co.uk/flux/）。

我的 html 代码如下所示：

<div id="slider">
    <img class="test" src="img/image1.jpg" alt="" />
    <img class="test" src="img/image2.jpg" alt="" />
</div>

我已经为“测试”尝试了 id 和 class 并使用了所有这些 css 方法

#slider .test
#slider img.test
#slider img#test
#slider #test
#test
.test

似乎没有一个工作，有人有解决办法吗？

自己看：jsfiddle.net/6gTnf/1

Answer 1

#slider img.test{
height:100px !important;
border-radius:10px !important;
}

Answer 2

尝试

img
{
height:100px !important;
border-radius:10px !important;
}