css（1）:not()和last-child

作者: kkkkkkee | 来源:发表于2020-07-29 17:38 被阅读0次

1.last-child

    .ul li {    
         border: 1px solid red;
    }
    .ul li:last-child {    
         border: none;  
     }

ul最后一个li元素无边框。

2.:not()

    .ul li:not(:last-child) {    
         border: 1px solid red;
     }

ul最后一个li元素无边框。

两种作用一样的样式写法，第二种更语义化一些。

css（1）:not()和last-child
1.last-child ul最后一个li元素无边框。 2.:not() ul最后一个li元素无边框。两种作用一...
css 应用总结
css伪类下面是自己使用过伪类的几种场景 :last-child 利用 css:last-child，实现循环...
web前端面试题目--css篇（2019年实战整理）
css篇一、css3的新特性（不列全部，捡重点回答） 1、CSS3选择器:last-child、nth-chil...
css中first-child和last-child不生效
html 代码 css 代码发现 last-child 和 first child 中的样式不生效。然后把 ht...
CSS兼容问题
一、ie8的css兼容 1、ie8支持:first-child,但不支持:last-child。因为前者是css2...
CSS笔记15：结构伪类CSS3
CSS3 first-child/last-child nth-child CSS3 伪元素选择器 :first-...
VUEX学习笔记(1)-实现计算器（附最详注释）
知识点： css之nth-child()，first-child()，last-child() eval() vu...
css last-child和last-of-type
最后一个p会被加上样式，前提是，p后面没有干扰元素，如果p后面有其他元素，div什么的，那么就会选不中了，所以la...
C3新增伪类选择器之 last-child 和 last-of-
last-child, last-of-type是CSS3新增的结构伪类选择器,这两者功能相似，如果不仔细区分，可...
:last-child与:last-of-type你只是会用，有
:last-child与:last-of-type 同学们遇到过给同一组元素的最后一个元素设置css失效的情况吗？...