Sass SCSS第一儿童及；最后一个孩子

要将一个图像向左旋转，然后将另一个图像向右旋转

有些事情我真的不明白为什么，第一部分使用最后一个孩子不起作用，而第二部分起作用，你知道问题出在哪里吗

谢谢

<div>
    <img scr="pic-a.jpg"></img>
    <img scr="pic-b.jpg"></img>
</div>

img {
    width: 45%;
    transform: rotate(7deg);
    &:last-child {
        transform: rotate(-7deg);
    }
}
/* the above doesn't work */

img {
    width: 45%;
    transform: rotate(-7deg);
    &:first-child {
        transform: rotate(7deg);
    }
}

/* this works */

img{
宽度：45%；
变换：旋转（7度）；
&：最后一个孩子{
变换：旋转（-7度）；
}
}
/*上述方法不起作用*/
img{
宽度：45%；
变换：旋转（-7度）；
&：第一个孩子{
变换：旋转（7度）；
}
}
/*这很有效*/

一定是有别的东西弄乱了你的代码，因为我试图重现你的错误，它似乎在两方面对我都有效

我还注意到，您的HTML是无效的。您的

src

属性拼写错误，不需要关闭

img

标记

<div>
    <img src="http://i.imgur.com/AzeiaRY.jpg"/>
    <img src="http://i.imgur.com/AzeiaRY.jpg"/>
</div>

非常感谢Roy，我真的不知道问题出在哪里。我检查了Chrome控制台中的代码，通过使用&:last child，样式无法应用于它，而使用&:first child，一切都很好。我还尝试了不使用scss:img{width:45%；transform:rotate（7deg）；}img:last child{transform:rotate（-7deg）；}这同样有效，所以我真的不知道问题是什么，但是，你确定这个简化的代码和你的真实代码是一样的吗<如果

确实不是

的第一个孩子，code>第一个孩子就不能工作（还有一些其他div的孩子，不是

）