CSS3动画防止继承

Question

我有一个CSS3动画，它放大了一个div框。这个div包含一个子元素"p"-标记。在div框上设置动画类时，p标记将继承动画。但是我想只在父div元素上运行动画，而不在子元素上运行。

如何防止动画（-webkit animation）继承？我试着设置webkit动画：没有在孩子身上，但它不起作用。

Answer 1

您可以尝试在div上使用JQuery动画（在您的情况下为高度、宽度），这样您就可以选择要动画化的特定元素

Answer 2

没有子p的动画，因为子p是在div内部渲染的。渲染的div上只有一个动画。您可以尝试使用css隐藏子p：

div#yourDivId p {
    display: none;
    visibility: hidden;
}

Answer 3

现在它可以工作了：http://jsfiddle.net/fiddly/FwHZn/1/

我必须设置"p"标记的宽度。否则，动画将应用于div和p标记。