在CSS中,你可以使用:not()伪类结合:last-child或:last-of-type选择器来实现这个需求。:last-child选择器匹配其父元素的最后一个子元素,而:last-of-type选择器匹配其父元素中指定类型的最后一个子元素。通过将它们与:not()结合使用,你可以排除这些特定的元素。 使用:not(:last-child):适用于选择一组同类型子...
css CSS | :not(:最后一个孩子):在选择器 CSS | :not(:最后一个孩子):在选择器之后原文:https://www . geesforgeks . org/CSS-not last-child after-selector/在前端 web 开发中,我们经常会遇到这样的情况:HTML 中有许多元素,我们需要为最后一个元素或除最后一个元素之外的每个元素赋予特定的样式,或者...
一、css not 在css中,“:not”是选择器的一种,如果希望某个样式不作用到选择器上,可以使用:not(选择器),语法格式为“ 元素:not(元素id){属性:属性值;}”;该选择器匹配非指定元素/选择器的每个元素。 二、last-of-type :last-of-type 选择器匹配属于其父元素的特定类型的最后一个子元素的每个元素。 三...
:nth-child选择器、:nth-child(n)选择器、:nth-last-child(n)选择器、:nth-of-type(n)选择器、 :empty选择器、:target选择器。 这些基本上都很常用,今天着重说下:否定伪类:not() 否定伪类特别有用,在css中, :not选择器 用于匹配非指定元素/选择器的每个元素,语法格式: :not(selector) 比如:假设我想选...
:nth-child选择器、:nth-child(n)选择器、:nth-last-child(n)选择器、:nth-of-type(n)选择器、 :empty选择器、:target选择器。 这些基本上都很常用,今天着重说下:否定伪类:not() 否定伪类特别有用,在css中, :not选择器 用于匹配非指定元素/选择器的每个元素,语法格式: ...
终于找到了一个好方法,使用:not(:last-of-type)简单方便,再也不要麻烦的单独使用:last-of-type了,不错! 应用场景:平时我们的列表一般都会有分割线,但是最后一个列表没有分割线等。 123123123123123123123123123123 .posts{list-style:none;width:400px;margin:0;padding:20px;margin:4rem auto;background...
7.CSS3 结构性伪类选择器—last-child:last-child选择器与:first-child选择器作用类似,不同的是:last-child选择器选择的是元素的最后一个子元素。 8.CSS3 结构性伪类选择器—nth-child(n):nth-child(n)选择器用来定位某个父元素的一个或多个特定的子元素。其中“n”是其参数,而且可以是整数值(1,2,3,4...
使用class="not-last-of-type:mb-8">伪类时编译成小程序后发现css文件没有生成对应类的样式,导致样式不生效
CSS3技巧巧妙使⽤：not（：last-of-type）简化你的css代码终于找到了⼀个好⽅法，使⽤:not(:last-of-type)简单⽅便，再也不要⿇烦的单独使⽤:last-of-type了，不错！应⽤场景：平时我们的列表⼀般都会有分割线，但是最后⼀个列表没有分割线等。 123123 123123 123123 123123 123123 .posts...
多个not的写法 /*选中div里面非首个、非最后一个的中间p元素*/div p:not(:first-child):not(:last-child){} :not伪类选择器可以通过多条件筛选不符合表达式的元素。 table tbody tr:not(:first-child):not(:last-child)td{text-align:right;}