css消除左边边框问题！

html-css025

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}