Question

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

我真的无法弄清楚为什么，第一部分使用last-child不起作用，而第二部分工作，任何想法是什么问题？

谢谢！

<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 */

Answer 1

当我试图重现你的错误时，必须有其他东西弄乱你的代码，它似乎在两个方面对我有用。 Try it yourself

我还注意到一件事是您的HTML无效。您的src属性拼写错误，您不需要关闭img标记。

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

SCSS first-child＆amp;最后一个孩子

1 个答案: