css如何除去最后一个元素样式

文章2022-05-14143 人已阅来源：网络

css除去最后一个元素样式的方法：1、使用id或是类选择器将最后一个元素设置为默认样式即可；2、使用伪类“:last-child”，自动匹配最后一个元素，将其设置为默认样式即可，语法“元素名称:last-child{属性:默认值}”。

css如何除去最后一个元素样式

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

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

<style>    
.test li{    
   float:left;    
   border-right:1px solid #ccc;　　    
   width:100px;　  　  
   height:100px;　　　　
   }
</stly>
   <ul class="test">    
       <li></li>    
       <li></li>    
       <li></li>
   </ul>

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

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

1、为最后个li添加个样式

.b-none{border:none}

2、用css伪类:last-child，来自动匹配最后个元素，并执行相应的样式.

.test li:last-child{border:none}

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

以上就是css如何除去最后一个元素样式的详细内容！

相关内容

css样式优先级法则
css样式优先级介绍：当外部样式、内部样式和内联样式同时应用于同一个元素时，优先级如下：（外部样式）Externalstylesheet<（内部样式）Internalst...
css边框样式如何定义
css定义边框样式的方法：可以利用border-style属性来设置边框样式，如【p.dotted{border-style:dotted;}】，表示将边框设置为点状边框。本文...
css有哪几类样式
css有三种类样式，分别是：1、行内样式，结构的内部，即写在标签内的样式；2、外联式是将所有的样式放在一个或多个以【.css】为扩展名的外部样式表文件中；3、内联样式写在HTM...
css如何取消样式
css取消样式的方法：1、移除全部样式使用【removeattr（“style”）】；2、移除单个样式使用【css（“属性”，“”）】。本教程操作环境：windows7系统、c...
css如何清除input默认样式
css清除input默认样式的方法是，将input的各个属性的属性值设置为none即可，例如【background:none;outline:none;border:none;...
css应该怎么设置超链接样式
css设置超链接样式的方法是，给超链接添加伪类，例如【a:visited{color:#00FF00;}】。【a:visited】表示用户已经访问过的链接。本文操作环境：win...
css样式怎么隐藏起来
把css样式隐藏起来的方法是，给元素设置【display:none;】属性，这样元素便会被隐藏，同时不再占据原来的位置。如果要重新显示元素，可以设置【displayL:bloc...
css如何去掉滚动条样式
css去掉滚动条样式的方法是，给滚动条设置【overflow:hidden】样式，将滚动条完全隐藏即可，例如【::-webkit-scrollbar{display:none;...
css怎样设置button为直角
在css中，可以利用“border-radius”属性设置button为直角，只需要给button元素添加“{border-radius:0%;}”或者“{border-rad...
css怎么控制按钮不可用
方法：给按钮元素添加“pointer-events:none;”样式来让按钮元素永远不会成为鼠标事件的target，让其点击事件失效，即可控制按钮不可用。本教程操作环境：win...

浏览更多有关 css 样式的内容