css消除左边边框问题!

html-css024

css消除左边边框问题!,第1张

分要给我哦 包你解决 不解决你找我

首先回答 为什么你加了.first 这个类 边框还是存在?

是因为#topMenu li{float:leftborder-left:2px solid #dddpadding:20px 10px 0 } 这个样式的优先级比你自己写的.first样式的优先级要高的多,所以只能通过提高优先级的方法解决,可以加!important;如楼上的写法来提高优先级,但是不建议,除非万不得已。

另一种方法就是提高.first的优先级,可以这样写样式#topmenu .first{border:none} 这样就OK了,建议你去看看css的优先级机制

首先先说一下你的左边框为啥在样式中没去掉的问题,然后我再教你一个方法。

#topmenu li.frist{border:none},你在第一个中加了ID,可你这个样式定的是class的,你应该改成:#topmenu li#frist{border:none}

然后再给你第二种方法。

#topmenu{overflow:hidden zoom:1}

#topmenu li{float:left padding:20px 10px 0 border-left:1px #ddd solid margin-left:-1px}