CODEWITHSUNDEEP
htmlcss
user3649195
user3649195

Reputation: 115

Excluding child elements from parent's css

I have a parent div called 'daddy' which contains two other divs, the parent div has a particular css animation which makes it blink every 1 second. However I'm attempting to make it so that this css animation only works on the 'daddy' element rather than the child elements.

My reason for this is to keep all the elements together because I'd like the child elements to follow the parent and be in the same position wherever it goes.

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>

I've tried using the :not() method in both css and javascript but to no avail. I'd greatly appreciate if anyone can think of an effective method to help with this issue, thanks!

Upvotes: 0

Views: 447

Answers (1)

Chong Lip Phang
Chong Lip Phang

Reputation: 9279

I presume you just want to blink the 'ok' text. How about creating another 'div' element under the parent element, just for that piece of text? Then you can blink that specific 'div' child.

Upvotes: 2

Related Questions