CSS hover 控制多個標籤動作樣式

一般情況

   
   #content .btn{
      color : #000 ; 
   }

   #content .btn : hover{
      color : #FFF;
   }

上述情況是 , 一個區塊自己滑過時控制自己的特效變化
假設一個區塊滑過 要控制多個區塊同時變化的時候呢?

   
   <div class='A'>
        <div class='B'></div>
        <div class='C'></div>
   </div>

當滑過 A 時 , B與C各自變化各自的效果

   
   .A : hover .B{
     color : #FFF;
   }

   .A : hover .C{
     color : #232AB;
   }

   //注意:CSS這裡 只能向下控制子級的標籤 , 以A層為基準, 向下控制自己旗下的B or C
   //注意:CSS只能控制子級,無法控制父級 , 父級控制目前可透過jquery