css除去最后一个元素样式的方法：1、使用id或是类选择器将最后一个元素设置为默认样式即可；2、使用伪类“:last-child”，自动匹配最后一个元素，将其设置为默认样式即可，语法“元素名称:last-child{属性:默认值}”。 本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。 很多人可能都碰到这样一个情况： .test li{ float:left; border-right:1px solid #ccc; width:100px; height:100px; } </stly> <ul class="test"> <li></li> <li></li> <li></li> </ul></pre><div class="contentsignin">로그인 후 복사</div></div><p>这样就会出现三条右边框，在实际运用中最后条边框是需要去掉的。</p><p>这里为大家介绍两种方法：</p><p><strong>1、为最后个li添加个样式</strong></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:css;toolbar:false;">.b-none{border:none}</pre><div class="contentsignin">로그인 후 복사</div></div><p><strong>2、用css伪类:last-child，来自动匹配最后个元素，并执行相应的样式.</strong></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:css;toolbar:false;">.test li:last-child{border:none}</pre><div class="contentsignin">로그인 후 복사</div></div><p>第二种伪类方法在IE下有兼容问题，如果不考虑兼容问题的话，到是个好选择。</p> <p>推荐学习：<a href="//m.sbmmt.com/course/list/12.html" target="_blank">css视频教程</a></p>
