首先，先看一下主題要說的效果是這樣 :
【選取下拉式選單同時主選單也為選取狀態】。
上圖紅色圈選處 :
滑鼠移到下拉式選單，主選單部分也要顯示選取的狀態 作法 :
首先看到html結構(如上圖)
因為下拉式選單總歸在外圍父元素<li>裡的子元素，所以針對父元素<li>寫:hover
呈現樣式。即可達到選擇下拉式選單同時主選單部分也會顯示選取狀態。
呈現樣式。即可達到選擇下拉式選單同時主選單部分也會顯示選取狀態。
寫法 :
#mainMenu>ul>li:hover{
border-bottom:3px
solid #12a0d1;
}
讓選單<li>在滑鼠滑過呈現藍色底線樣式。
Posts
