為什么在lihover里增加height后，去掉前面的.topmenu, 鼠標放上去高度不發(fā)生變化?
如果去掉前面的.topmenu， 邊框和陰影效果都有， 但是height的高度完全不發(fā)生變化？
原因是什么？ ?
.topmenu .lihover {?
border: 1px solid #DDD;
? ? ? ? ? ? box-shadow: 0 0 8px #DDD; height:60px; line-height:60px;
}
rainy_li3676598
2016-12-14
1 回答
舉報
0/150
提交
取消
2016-12-15
因為你把 .topmenu 去掉之后它的權(quán)重不夠，設(shè)置的樣式?jīng)]有覆蓋之前設(shè)置的樣式；
代碼如下（31行-43行）：
.topmenu?li ????????{ ????????????height:?30px; ????????????line-height:?30px;?/*高度仍然使用的是這里設(shè)置的高度*/ ????????????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; ????????}