问答详情
源自:3-5 移动web特别样式处理

关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://img.mukewang.com/568e0b1c0001e0f404010325.jpg

提问者:团酱 2016-01-07 14:52

个回答

  • 团酱
    2016-01-07 15:20:12

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

  • 伊望岁月
    2016-01-07 15:18:36

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