如果我改变个人的左边距，所有图像一起移动

Question

我正在尝试为此目的制作三个图像的滑块我在div中制作ul li并尝试通过更改控制台中剩余的边距移动单个li但它将所有图像移动到一起。请纠正我错在哪里。请参阅以下代码

＆＃13;

＆＃13;

#slider{
    width: 311px;
    height: 333px;
    overflow:hidden;     
    }

    #slider .slides{
    display: block;
    width: 311px;
    height:333px;
    margin: 0;
    padding: 0;
    }

    #slider . slide{
    position:absolute;
    float:left;
    list-style-type: none;
    width:311px;
    height:333px;    
    }

＆＃13;

<div id='slider'>            
            <ul class='slides'>
                <li class='slide'><img src='images/a.jpe'></li>
                <li class='slide'><img src='images/b.jpe'></li>
                <li class='slide'><img src='images/c.jpe'></li>                
            </ul>                        
</div>

    

＆＃13;

＆＃13;

＆＃13;

Answer 1

这对我有用：

li.slide:nth-of-type(2) {
    margin-left: 20px;
}

这只是移动第二个li元素。