.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出现了边框,请问这是什么原因呢?截图如下:
我解决了,是我在ul中嵌套了div所以找不到同级li,直接用.itemList li:before来设置伪类就行了。很感谢老师提供的方法,我试过很多方法,现在终于解决了。感谢
按照你的代码第2,3,4个li都会出现边框,要是3,4没有边框,应该是其他代码冲突了