html - 从父级的CSS中排除子元素

Question

我有一个名为“爸爸”的父 div，它包含另外两个 div，父 div 有一个特定的 css 动画，它每 1 秒闪烁一次。但是，我正在尝试使此 css 动画仅适用于“爸爸”元素而不适用于子元素。

我的理由这样做是为了将所有元素放在一起，因为我希望子元素跟随父元素并且无论它走到哪里都处于相同的位置。

JSFiddle: http://jsfiddle.net/qsn1b445/1/

HTML

 <div id="daddy">ok
    <div id="son"> I know my ABC's!</div>
    <div id="daughter"> sure you do</div>
</div>

我已经尝试在 css 和 javascript 中使用 :not() 方法但无济于事。如果有人能想出有效的方法来帮助解决这个问题，我将不胜感激，谢谢!

Answer 1

我想您只是想让“确定”文本闪烁。如何在父元素下创建另一个“div”元素，仅用于那段文本？然后你可以让那个特定的“div” child 眨眼。