[問題] a.hover之後的效果

[cgcat (小綿羊趕集)]

這是我的程式碼

http://jsfiddle.net/nut1su9p/

照理來說應該是加上
#example1 li li a.hover {
            border-top: 1px solid #d5d5d5;
            background-color: #000;
            color: #000;
            padding-left:50px;/* 子項內縮距離 */
            height:28px;/* 子項高度 */
            padding-top:10px;
        }

子選單的背景色應該再滑鼠移過後就會變黑色才對

還是有哪裡想法錯誤呢?

麻煩高手賜教，謝謝

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 59.124.108.82
※ 文章網址: http://www.ptt.cc/bbs/Web_Design/M.1408434553.A.41F.html
推 leochen0818: 是a:hover 不是a.hover
推 leochen0818: 再者，你的CSS有很大的問題
→ leochen0818: 咦，不小心推了兩次，抱歉，你CSS選擇器的觀念不太OK
→ leochen0818: 然後:hover的不需更動的設定不用重複設定
→ leochen0818: 測試過後只要更改兩點。 1.就是a:hover
→ leochen0818: 2.你的a:hover跟a的backgorun-color & color是一樣的
→ leochen0818: 對不起，我為我第三行說的話道歉，有點太傷人
→ leochen0818: 加油
→ cgcat: 不會啦！我沒有注意到。謝謝L大^^