为了账号安全,请及时绑定邮箱和手机立即绑定

关1像素边框

.itemList li{
	width: 95%;
	height: 45px;
	margin-left: 5%;
	/* border-bottom: 1px solid #d1d1d1; */
	color: #666;
	font-size: 14px;
	line-height: 45px;
	padding: 0;
	margin-bottom: -1px;
	list-style: none;
}
.itemList li + li:before{
	position: absolute;
	/* top: -1px; */
	/* left: 0px; */
	content: '';
	width: 100%;
	height: 1px;
	border-top: 1px solid #d1d1d1;
	-webkit-transform: scaleY(0.5);
}

以上是我的css代码,ul中有四个li,只有第二个li出现了边框,请问这是什么原因呢?截图如下:

http://img1.sycdn.imooc.com//568e0b1c0001e0f404010325.jpg

正在回答

2 回答

我解决了,是我在ul中嵌套了div所以找不到同级li,直接用.itemList li:before来设置伪类就行了。很感谢老师提供的方法,我试过很多方法,现在终于解决了。感谢

0 回复 有任何疑惑可以回复我~

按照你的代码第2,3,4个li都会出现边框,要是3,4没有边框,应该是其他代码冲突了

0 回复 有任何疑惑可以回复我~
#1

团酱 提问者

谢谢。
2016-01-07 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
Hello,移动WEB
  • 参与学习       110253    人
  • 解答问题       177    个

课程介绍移动web的开发基础,排版布局,常见移动web问题

进入课程

关1像素边框

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信