                        課程
                    
                        /前端開發(fā)
                        
                            /HTML/CSS
                        
                        /網(wǎng)頁布局基礎(chǔ)

關(guān)于.nav樣式的幾個(gè)疑問

.nav li a:hover {

border-bottom:3px solid #cc0000;

text-decoration:none;

}

和

.nav li.current a:hover {

border-bottom:none;

}

不是相反的意思嗎

還有當(dāng)前選擇的頁面保留的下劃線到底是哪行代碼起的作用？

牡蠣先生

2017-02-22

源自：網(wǎng)頁布局基礎(chǔ) 4-6

關(guān)注問題我要回答

482

操作

收起

1 回答

慕粉1440489053 回答被采納 +3 積分
2017-02-24

前面一個(gè)代碼是為所有的.nav li添加a:hover事件，后面一個(gè)是清除class為current<li>的上的a:hover事件。因?yàn)樵谇懊娴拇a中已經(jīng)給li.current添加了一個(gè)border-bottom:3px solid #cc0000;的下邊框如果不設(shè)置那么你鼠標(biāo)放在class為current<li>上就會(huì)在下邊框下面再多顯示一個(gè)下邊框