html - CSS3アニメーションは継承を防ぎます

Question

divボックスを拡大するCSS3アニメーションがあります。このdivには、子要素「p」タグが含まれています。divボックスでアニメーションクラスを設定すると、pタグがアニメーションを継承します。ただし、子ではなく、親のdiv要素でのみアニメーションを実行したいと思います。

アニメーション（-webkit-animation）の継承を防ぐにはどうすればよいですか？子に-webkit-animation：noneを設定しようとしましたが、機能しません。

Answer 1

今では動作します: http://jsfiddle.net/fiddly/FwHZn/1/

「p」タグの幅を設定する必要がありました。それ以外の場合、アニメーションは div と p タグに適用されます。

Answer 2

子は 内でレンダリングされるpため、子のアニメーションはありません。レンダリングされた にはアニメーションのみがあります。css を使用して子を非表示にすることができます。pdivdivp

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

Answer 3

代わりにdivでJQueryアニメーション（あなたの場合は高さ、幅）を使用して、アニメーション化する特定の要素を選択できるようにすることができます