一般情況
#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