html - Avoid hover effect on specific Child div though hover applied to Parent div -

i have issue hover

i have 3 child div's like:

<div class="parent">     <div class="child1">a</div>     <div class="child2">b</div>     <div class="child3">c</div> </div>

i had applied hover on parant div change color on child1 , child2 div. yet hover applied on child3 div too....

is there way exclude hover on child3 alone??

any appreciated. in advance.

div.parent:hover {     color: #909090; }

in the above example there has no change of color on font "c" though present inside parant div.

you can try adding style

.child3 {     color : #000; }

Code wiki