在.css中的ID中嵌套类？

好的，这是我的

.centerhex {
    background-image:url(http://i.imgur.com/4sZDtfK.png);
    height:224px;
    width:210px;
    position:absolute;
    opacity:0;
    transition:opacity 2s ease-in-out;
}
.transtart{
    opacity:0
}
@-webkit-keyframes fadein { 
    0%{opacity:0;}
    40%{opacity:1;}
    50%{opacity:1;}
    100%{opacity:0.05;} 
}
@keyframes fadein {
    0%{opacity:0;}
    40%{opacity:1;}
    50%{opacity:1;}
    100%{opacity:0.05;} 
}
.done{
    animation-delay:0.5s;
    -webkit-animation-delay:0.5s;
}
.fadein{    
    animation:fadein 0.65s;
    animation-timing-function:linear;
    animation-fill-mode:forwards;
    animation-iteration-count:1;
    -webkit-animation-iteration-count:1;
    -webkit-animation:fadein 0.65s;
    -webkit-animation-timing-function:linear;
    -webkit-animation-fill-mode: forwards;
}
@-webkit-keyframes pulse { 
    0%{opacity:0.05;}
    10%{opacity:0.1;}
    100%{opacity:0.05;} 
}
@keyframes pulse {
    0%{opacity:0.05;}
    10%{opacity:0.1;}
    100%{opacity:0.05;} 
}
.pulse{ 
    animation:fadein 4s;
    animation-timing-function:linear;
    animation-fill-mode:forwards;
    animation-iteration-count:infinite;
    animation-delay:1s
    -webkit-animation-delay:1s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation:fadein 4s;
    -webkit-animation-timing-function:linear;
    -webkit-animation-fill-mode: forwards;
}

我想知道的是，是否可以专门为嵌套预定义类创建一个id，例如：

#hexa.centerhex.transtart.fadein.done

到目前为止，这方面的实验都失败了。。所以我不完全确定我做错了什么

我的想法是，我将创建一些脚本，用另一个ID替换一个ID。例如，我将：

#hexa.centerhex.transtart.fadein.done

变成：

#hexb.centerhex.transtart.pulse.done

---

你可以按自己的要求去做，但根据你输入的类的顺序，你似乎希望得到一个不切实际的结果。渲染不会按照您选择的选择器的特定顺序进行

但是，如果计时有问题，可以使用

setTimeout（）

使用Javascript相当轻松地完成这一点

如果您不关心这些类被添加到每个

id

的操作顺序，那么您应该能够随心所欲地完成这项工作（并且取得了相当高的成功，因为

#id

只有

！重要的
和客户端/浏览器设置才能战胜它）

别忘了你的
分号
：）
你能制作一把小提琴来演示你是如何（以及在哪里）失败的吗？我不确定我是否理解这个问题。尽管如此，如果您要为其中一个元素提供一个ID，您不需要提及任何类，只要在您说“#hexa.centerhex.transtart.fadein.done”时使用
#hexa{/*CSS style*/}
就可以了，这意味着一个元素具有ID=“hexa”和class=“centerhex transtart fadein done”。所以，是的，它不会像那样工作。@为什么它不会工作？请看@tewathia yep sry，没有看到pulse和fadein也有一个类，我以为他直接使用了关键帧的名称。根据我的经验，CSS通常对分号非常挑剔。即使只有一个：
.transtart{opacity:0}