Q:

Styling a specific child element by hovering a parent div

Although it can be done using javascript or any client side scripting,whether is it possible to hover only a specific child element while hovering the parent element in CSS? 
<style>
 .p{//some style...}
 .p:hover{//change style of child having class c2}
</style>
<div class="p">
 <span class="c1"></span>
 <span class="c2"></span>
</div>

A:

You just need to pass .c2 after your :hover selector:
.p:hover .c2{//change style of child having class c2}

EDIT
If you want to hover only child you need to add :hover to child element instead of parent:
.p .c2:hover{//change style of child having class c2}

