html - CSS3 动画防止继承

Question

我有一个放大 div 框的 CSS3 动画。此 div 包含一个子元素“p”-tag。当我在div框上设置动画类时，p标签继承了动画。但我只想在父 div 元素而不是子元素上运行动画。

如何防止动画（-webkit-animation）继承？我试图在孩子上设置 -webkit-animation:none 但它不起作用。

Answer 1

您可以尝试在 div 上使用 JQuery 动画（在您的情况下为高度，宽度），以便您可以选择要设置动画的特定元素

Answer 2

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

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

Answer 3

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

我必须设置“p”标签的宽度。否则动画将应用于 div 和 p 标签。