css消除左边边框问题！
代码如下，我设置了个类first，给它设置border：none；但左边还是有边框。一直没搞懂，请教！<html><head><styletype="text/css">...
代码如下，我设置了个类first，给它设置border：none；但左边还是有边框。一直没搞懂，请教！
<html >
<head>
<style type="text/css">
#container {
margin: 10px auto;
width:765px;
position:relative;
}
#topMenu {
position:absolute;
right:0;
top:6px;
}
#topMenu li{
float:left;
border-left:2px solid #ddd;
padding:20px 10px 0;
}
.first{
border:none;
}
</style>
</head>
<body>
<div id="container">
<div>
<ul id="topMenu">
<li class="first"><a href="#">Support</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Site map</a></li>
</ul>
</div>
</div>
</body>
</html> 展开
<html >
<head>
<style type="text/css">
#container {
margin: 10px auto;
width:765px;
position:relative;
}
#topMenu {
position:absolute;
right:0;
top:6px;
}
#topMenu li{
float:left;
border-left:2px solid #ddd;
padding:20px 10px 0;
}
.first{
border:none;
}
</style>
</head>
<body>
<div id="container">
<div>
<ul id="topMenu">
<li class="first"><a href="#">Support</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Site map</a></li>
</ul>
</div>
</div>
</body>
</html> 展开
3个回答
展开全部
分要给我哦 包你解决 不解决你找我
首先回答 为什么你加了.first 这个类 边框还是存在？
是因为#topMenu li{float:left;border-left:2px solid #ddd;padding:20px 10px 0; } 这个样式的优先级比你自己写的.first样式的优先级要高的多，所以只能通过提高优先级的方法解决，可以加！important；如楼上的写法来提高优先级，但是不建议，除非万不得已。
另一种方法就是提高.first的优先级，可以这样写样式#topmenu .first{border:none;} 这样就OK了，建议你去看看css的优先级机制
首先回答 为什么你加了.first 这个类 边框还是存在？
是因为#topMenu li{float:left;border-left:2px solid #ddd;padding:20px 10px 0; } 这个样式的优先级比你自己写的.first样式的优先级要高的多，所以只能通过提高优先级的方法解决，可以加！important；如楼上的写法来提高优先级，但是不建议，除非万不得已。
另一种方法就是提高.first的优先级，可以这样写样式#topmenu .first{border:none;} 这样就OK了，建议你去看看css的优先级机制
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
.first{
border:none!important;
}
border:none!important;
}
追问
后面！important是什么意思？
添加后就不受父类的影响嘛？
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
#topMenu li{
float:left;
border-left:2px solid #ddd; ------------你自己加的左边，去掉这条就没了
padding:20px 10px 0;
｝
float:left;
border-left:2px solid #ddd; ------------你自己加的左边，去掉这条就没了
padding:20px 10px 0;
｝
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
