last-child:先匹配所有兄弟元素中的最后一个,再看是否命中:last-child前面的条件 last-of-type:先根据标签名称(span)进行分组,再匹配分组中的最后一个元素(.special),再看是否命中:last-of-type前面的条件(.children,没有命中) 有用3 回复 hanker: 正解, last-of-type首先需要分组,言外之意是要求对应的标...
<!DOCTYPE html> .p:last-of-type { background:#ff0000; } 这是标题 这是第一个段落。 这是第二个段落。 这是第三个段落。 这是第四个段落。 11 对类名.p.last-of-type不起作用,换成p.last-of-type就好了,为什么对类名不起作用?css 有用1关注7收藏1 回复 阅读13.7k 5 个回答 ...
使用class="not-last-of-type:mb-8">伪类时编译成小程序后发现css文件没有生成对应类的样式,导致样式不生效Activity skiyee commented on May 3, 2024 skiyee on May 3, 2024 Member 目前测试是可以正常生成的,但编译成小程序后,貌似是被 uniapp 给处理掉了 👍1 skiyee commented on May 9, 2024 ...
:last-of-type :nth-of-type(n) :nth-last-of-type(n) 这三个选择器无效,不止是BUG还是不支持 -_- :nth-last-child(n) 这一类的都还支持,其他特殊的(不常用)选择器还未试验过 回答关注问题邀请回答 收藏 分享 15 个回答 洋葱头 2017-10-21 目前不支持 我们看下是否支持上 有用 回复9 桌子凳子...
1、在最后一个p外面再嵌套一层div,让p是新嵌套div的最后一个元素。不推荐,HTML代码不简洁。 2、使用div p:last-of-type,只会从p元素中找,会忽略其他类型元素,推荐此种方法。 下面举个例子: HTML代码: 第一段 第二段 第一段 第二段 第一段 第二段 插入一个标题...
.p:last-of-type,是匹配到 (1).test中的最后一个.p元素(注意这儿是classname) (2)该.p元素是.test的最后一个p元素。 必须同时满足以上两个条件,才能成功匹配到一个p元素,否则你的css样式很可能不生效,自己还傻乎乎的嚎:为什么啊?! 为了加强理解,下面举几个🌰: ...
发现last-child 和 first child 中的样式不生效。然后把 html 中 class 为 userinfo-item 的 div 前后的元素都去掉,last-child 和 first-child 样式才生效。 当时实际使用中还是需要 div 前后的元素,此时把 first-child 和 last-child 分别改成 first-of-type 和 last-of-type 即可,样式都正常生效。
一、last-of-type选择器的作用 last-of-type选择器的主要作用是在一组相同类型的元素中，定位最后一个元素。它常用于为最后一个元素添加特殊的样式，例如背景颜色、边框或文本样式。二、last-of-type选择器的用法 下面是last-of-type选择器的基本用法示例：css p:last-of-type { background-color: #f00;} ...
从代码和图可以看出,:last-child并没有起到我们想要的作用。如果,这个时候去掉最后的div标签,再看看效果。 这时,效果出来了,那么,可以总结了。 :last-child表示其父元素的最后一个子元素,且这个元素是css指定的元素,才可以生效。 :last-of-type 关于:last-of-type手册中是这么解释的: The :last-of-type CSS...