課程
/前端開發
/JavaScript
/商城分類導航效果
如果去掉前面的.topmenu， 邊框和陰影效果都有， 但是height的高度完全不發生變化？
原因是什么？ ?
.topmenu .lihover {?
border: 1px solid #DDD;
? ? ? ? ? ? box-shadow: 0 0 8px #DDD; height:60px; line-height:60px;
}
2016-12-14
源自：商城分類導航效果 4-1
正在回答
因為你把 .topmenu 去掉之后它的權重不夠，設置的樣式沒有覆蓋之前設置的樣式；
代碼如下（31行-43行）：
.topmenu?li ????????{ ????????????height:?30px; ????????????line-height:?30px;?/*高度仍然使用的是這里設置的高度*/ ????????????font-size:?11pt; ????????????list-style-type:?none; ????????????text-align:?left; ????????????padding-left:?8px; ????????????z-index:?3; ????????????background-image:?url(http://img1.sycdn.imooc.com//5411027300014f0200220030.jpg); ????????????background-repeat:?no-repeat; ????????????background-position:?right; ????????}
舉報
兩種方法實現分類導航，同時擴展講解其它商城分類導航的制作方法
3 回答還是沒有理解到topmenu .lihover；.topmenu .lihover .submenu； .topmenu .lihover span
3 回答.topmenu .lihover .submenu ？
2 回答.topmenu .lihover b最后的b是什么意思?
4 回答給li加邊框后 ul的高度就增加了 每次滑過li ul就變
2 回答求教:為什么給.topmenu .lihover b設置字體大小樣式沒用呢？
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-12-15
因為你把 .topmenu 去掉之后它的權重不夠，設置的樣式沒有覆蓋之前設置的樣式；
代碼如下（31行-43行）：
.topmenu?li ????????{ ????????????height:?30px; ????????????line-height:?30px;?/*高度仍然使用的是這里設置的高度*/ ????????????font-size:?11pt; ????????????list-style-type:?none; ????????????text-align:?left; ????????????padding-left:?8px; ????????????z-index:?3; ????????????background-image:?url(http://img1.sycdn.imooc.com//5411027300014f0200220030.jpg); ????????????background-repeat:?no-repeat; ????????????background-position:?right; ????????}