Asp,Php,Jssdk,mysql,mssql,微信公众号开发,小程序开发-学习笔记 收集日常学习笔记和重点,交流QQ:79657181,手机/微信:18611436777

css的li换行去掉margin-right每隔5个就去掉

.i2_text{ MARGIN: 0px auto; width:1130px; margin-top:10px; background-color:#006699}

.i2_text li{

float:left;

margin-bottom:15px;

margin-right:10px;

}

.i2_text li img {

padding:5px;

width:200px;

height:150px;

}

.i2_text li a{

border:2px #a8773f solid;

border-radius:4px;

width:210px;

height:190px;

display:block;

color:#333333;

}

.i2_text li a:hover {

border:2px #ff4a00 solid;

border-radius:4px;

height:190px;

TEXT-DECORATION:none;

font-weight:bold;

}

.i2_text li:nth-of-type(5n+0){

margin-right:0px;

}

.i2_text li p {

text-align:center;

line-height:20px;

}

解决IE8及以下版本不支持CSS3的nth-child()的写法

.i2_text li:first-child+li+li{margin-right:0px;}

2018年2月27日 | 发布:anco | 分类:css | 评论:0