Jack个人作品

ul和li的特殊样式用法，如第一个li和最后一个li的样式、第N个li和倒数第N个li的特殊样式、奇数和偶数li的样式以及ul和li百分比排序排列样式用法。

li特殊样式

您好，你需要登录本站账号后才能查看隐藏内容哦，请先 登录 才能查看哦，若不是会员请先 注册！

ul和li布局样式

ul{
    margin: 0;
    padding: 0;
    width: calc(100% + 10px);
    overflow: hidden;
}
ul li {
    margin: 0 10px 10px 0;
    padding: 0;
    width: calc(25% - 10px);
    float: left;
    list-style-type: none;
}

代码布局展示效果可以看本站首页的版块样式，多分辨率适应，经常用的到的排序排列等特殊的样式案例。