css除去最后一个元素样式的方法

小编给大家分享一下css除去最后一个元素样式的方法,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!

css除去最后一个元素样式的方法:1、使用id或是类选择器给最后一个元素设置默认样式来去除效果;2、使用伪类”:胎”,自动匹配最后一个元素,为其设置默认样式,语法”元素名称:胎{属性:值}”。

本教程操作环境:windows7多系统,CSS3&, HTML5版,戴尔G3电脑。

很多人可能都碰到这样一个情况:

& lt; style>,,,, 　　李.test  {,,, 　　,,浮动:离开,,,,, 　　,,边境:1 px  solid  # ccc;,,,, 　　,,宽度:100 px;,,,, 　　,,身高:100 px; 　　,,} 　　& lt;/stly> 　　,,& lt; ul 类=皌est"在,,,, 　　,,,,,,& lt; li> & lt;/li>,,,, 　　,,,,,,& lt; li> & lt;/li>,,,, 　　,,,,,,& lt; li> & lt;/li> 　　,大敌;& lt;/ul>

这样就会出现三条右边框,在实际运用中最后条边框是需要去掉的。

这里为大家介绍两种方法:

<强> 1,为最后个李添加个样式

.b-none{边界:没有}

<强> 2,用css伪类:胎,来自动匹配最后个元素,并执行相应的样式。

.test 李:胎{边界:没有}

第二种伪类方法在IE下有兼容问题,如果不考虑兼容问题的话,到是个好选择。

以上是“css除去最后一个元素样式的方法”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注行业资讯频道!

css除去最后一个元素样式的方法