在CSS中，動畫效果是很常見的。在前端開發(fā)中，我們通常會通過使用CSS動畫來為我們的網(wǎng)站和頁面添加生動感和交互性。但是，值得注意的是，CSS動畫并不會被子元素繼承。

讓我們來看一個例子

父元素CSS：
div {
animation-name: example;
animation-duration: 2s;
animation-iteration-count: infinite;
}
子元素CSS：
p {
font-size: 20px;
}

在這個例子中，我們在父元素中使用了CSS動畫，而子元素，則設(shè)置了字體大小。但是，盡管我們希望子元素也繼承父元素的動畫效果，它實際上并沒有發(fā)生。

那么為什么CSS動畫不會被子元素繼承呢？對此，我們需要了解CSS動畫的工作方式。在CSS中，動畫是作為元素屬性之一而存在的。而子元素并不是一個屬性，它是一個在父元素內(nèi)嵌套的獨立元素。因此，子元素不會繼承父元素的動畫效果。

如果您想要讓子元素也具有動畫效果，您可以在子元素的CSS屬性中添加相同的屬性。例如：

p {
font-size: 20px;
animation-name: example;
animation-duration: 2s;
animation-iteration-count: infinite;
}

在這個例子中，我們在子元素的CSS屬性中添加了與父元素相同的動畫屬性。這樣，子元素也會擁有相同的動畫效果，與父元素保持一致。

總之，CSS動畫并不會被子元素繼承。如果您想要實現(xiàn)同樣的動畫效果，您需要在子元素的CSS屬性中添加相同的屬性。