Question

我有div，既不能使用ID也不能使用class。

我只能这样使用names：

<div name="picture">
    <img src="http://i.imgur.com/p0Fu5UZ.jpg" />
</div>
<div name="info">
    <p>- Insert information here</p>
</div>

CSS：

div{
    -webkit-animation: name 4s infinite linear
}
@-webkit-keyframes name {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }

选择任何特定div的适当方法是什么，因为[name=picture]不适用于已塞满的代码，也不适用于非填充代码。我该怎么做才能解决这个问题？

Answer 1

它应该适合你：

<强> CSS：

div[name="picture"] {
    -webkit-animation: name 4s infinite linear
}
@-webkit-keyframes name {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }

<强> HTML：

<div name="picture">
    <img src="http://i.imgur.com/p0Fu5UZ.jpg" />
</div>
<div name="info">
    <p>- Insert information here</p>
</div>

演示：http://jsfiddle.net/srnug/121/

如果您需要div中的元素进行旋转，那么您可以将选择器修改为div[name="picture"] img或div[name="picture"] p

我如何在div内部重复旋转元素？

1 个答案: