關于.nav樣式的幾個疑問
.nav li a:hover {
border-bottom:3px solid #cc0000;
text-decoration:none;
}
和
.nav li.current a:hover {
border-bottom:none;
}
不是相反的意思嗎
還有當前選擇的頁面保留的下劃線到底是哪行代碼起的作用？
.nav li a:hover {
border-bottom:3px solid #cc0000;
text-decoration:none;
}
和
.nav li.current a:hover {
border-bottom:none;
}
不是相反的意思嗎
還有當前選擇的頁面保留的下劃線到底是哪行代碼起的作用？
2017-02-22
舉報
2017-02-24
前面一個代碼是為所有的.nav li添加a:hover事件，后面一個是清除class為current<li>的上的a:hover事件。因為在前面的代碼中已經給li.current添加了一個border-bottom:3px solid #cc0000;的下邊框 如果不設置那么你鼠標放在class為current<li>上就會在下邊框下面再多顯示一個下邊框