使用css和jquery重新調整和裝飾文本

Question

我正在創建一個帶有4-5菜單項的側面菜單。在頁面加載事件中，所有的子菜單都是隱藏的，當用戶點擊主菜單時，它的子菜單隻會顯示。我能夠實現大部分內容，但唯一令人困惑的部分是：

1. 當我重新調整頁面大小時，一切看起來都很朦朧。像文本一樣寫在菜單框上。
2. 當鼠標懸停在任何主菜單上時，它應該在行下顯示紅色。
3. 當我點擊任何子菜單時，它的文字顏色應該是紅色的。

[產品型號] [小提琴]

如果可能的話，任何一個可以指導我還是告訴我什麼，我做錯了。

在此先感謝。

Answer 1

：嘗試改變的#master尺寸是絕對的（像素），而不是爲較小的屏幕尺寸的百分比，使用media queries。

：可以使用CSS邊框來完成，像這樣：

.expanded > a:hover { border-bottom: 1px solid #f00; } 

：在CSS也做過這樣的：

#master > li > ul a:active { color: #f00; }