last-child:先匹配所有兄弟元素中的最后一个,再看是否命中:last-child前面的条件 last-of-type:先根据标签名称(span)进行分组,再匹配分组中的最后一个元素(.special),再看是否命中:last-of-type前面的条件(.children,没有命中) 有用3 回复 hanker: 正解, last-of-type首先需要分组,言外之意是要求对应的标...
1、先找到该伪类调用者(元素)的父类2、其次找到父类下的第n个相同 element name 的子元素,如果是,则应用css,否则不应用 # 正确 img:nth-of-type(2n+1) { float: right; } img:nth-of-type(2n) { float: left; } # 不起作用 .className:nth-of-type(2n+1) { float: right; } .className:nth...
:last-of-type :nth-of-type(n) :nth-last-of-type(n) 这三个选择器无效,不止是BUG还是不支持 -_- :nth-last-child(n) 这一类的都还支持,其他特殊的(不常用)选择器还未试验过 回答关注问题邀请回答 收藏 分享 15 个回答 洋葱头 2017-10-21 目前不支持 我们看下是否支持上 有用 回复9 桌子凳子...
.p:last-of-type,是匹配到 (1).test中的最后一个.p元素(注意这儿是classname) (2)该.p元素是.test的最后一个p元素。 必须同时满足以上两个条件,才能成功匹配到一个p元素,否则你的css样式很可能不生效,自己还傻乎乎的嚎:为什么啊?! 为了加强理解,下面举几个🌰: 为匹配到的.p元素赋粉色背景 .p:last-o...
解决这个问题有两种途径：首先，你可以尝试在最后一个p元素外添加一层div，使p成为新div的最后一个子元素。这种方法虽然可以解决问题，但会使得HTML代码显得不够简洁，因为你需要为这些额外的结构添加额外的标签。相比之下，更推荐使用last-of-type选择器，如div p:last-of-type。这种方法只会查找p元素...
最近在写CSS,发现有时用结构伪类first-child、last-child会失效。 原因是,比如:div p:last-child,这个选择器的生效条件其实是div最后一个子元素必须是p,但实际HTML结构中,总会各种类型元素夹杂穿插在一起。解决办法有2个: 1、在最后一个p外面再嵌套一层div,让p是新嵌套div的最后一个元素。不推荐,HTML代码不简...
使用class="not-last-of-type:mb-8">伪类时编译成小程序后发现css文件没有生成对应类的样式,导致样式不生效Member skiyee commented May 3, 2024 目前测试是可以正常生成的,但编译成小程序后,貌似是被 uniapp 给处理掉了 👍 1 Member skiyee commented May 9, 2024 可以试试用这种写法代替: [&:not...
first-of-type ：指的是父元素下，相同类型子元素中的第一个，上面的例子中因为 class 为 userinfo-item 的 div 元素是第一个 div 元素，所以生效了，此时如果前面有其他 div 元素，则样式还是不生效的；last-child 和 last-of-type 原理类似。first-of-type mdn： https://developer.mozilla.org...
:last-child表示其父元素的最后一个子元素,且这个元素是css指定的元素,才可以生效。 :last-of-type 关于:last-of-type手册中是这么解释的: The :last-of-type CSS pseudo-class represents the last element of its type among a group of sibling elements. CSS伪类:last-of-type代表在一群兄弟元素中的最后...
在css中,“:not”是选择器的一种,如果希望某个样式不作用到选择器上,可以使用:not(选择器),语法格式为“ 元素:not(元素id){属性:属性值;}”;该选择器匹配非指定元素/选择器的每个元素。 二、last-of-type :last-of-type 选择器匹配属于其父元素的特定类型的最后一个子元素的每个元素。