hover問題：hover不起作用,hover放上去控制其他元素的顯示，
需求：當(dāng)鼠標(biāo)移動到一個元素A身上時，另外一個元素B顯示。 

 實(shí)現(xiàn)原理：

?A元素與B元素有一個相同的父級。

?B元素默認(rèn)隱藏，A元素默認(rèn)顯示。

?當(dāng)鼠標(biāo)移動到A元素身上時，也可以看做是移動到了A元素的父級身上。A元素的父級獲得一個鼠標(biāo)的hover狀態(tài)。

?css使用： .father:hover .b { display:block } 的方式，來定義鼠標(biāo)移動到父級身上時，B元素的樣式。

html的示例代碼：

<div class="father">
    <div class="brother-showing">
        ....
    <div>
    <div class="element">
        .....
    </div>
</div>

以上示例代碼，僅僅示意了基本的html結(jié)構(gòu)，實(shí)際之中是使用div還是span或者其他的標(biāo)簽，要視情況而定。

css代碼：

.element{
    display:none; //元素默認(rèn)是隱藏的
}
//當(dāng)鼠標(biāo)經(jīng)過兄弟元素brother-showing時，也就是經(jīng)過父級father的時候。父級獲得hover狀態(tài)，在父級hover的基礎(chǔ)上寫element的樣式：
.father:hover .element{
    display:block ;
}