如下代码所示,要对class值为children的第一个和最后一个背景色单独设置,为什么first-of-type有效果,last-of-type不起作用呢? 1 2 3 4 5 就是不一样 .children{ display:inline-block; width:50px; height:50px; background:gray; &:first-of-type{ background:pink; } &:last-of-type { backgroun...
<!DOCTYPE html> .p:last-of-type { background:#ff0000; } 这是标题 这是第一个段落。 这是第二个段落。 这是第三个段落。 这是第四个段落。 11 对类名.p.last-of-type不起作用,换成p.last-of-type就好了,为什么对类名不起作用?css 有用1关注7收藏1 回复 阅读13.7k 5 个回答 ...
:last-of-type :nth-of-type(n) :nth-last-of-type(n) 这三个选择器无效,不止是BUG还是不支持 -_- :nth-last-child(n) 这一类的都还支持,其他特殊的(不常用)选择器还未试验过 回答关注问题邀请回答 收藏 分享 15 个回答 洋葱头 2017-10-21 目前不支持 我们看下是否支持上 有用 回复9 桌子凳子...
使用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 ...
first-of-type ：指的是父元素下，相同类型子元素中的第一个，上面的例子中因为 class 为 userinfo-item 的 div 元素是第一个 div 元素，所以生效了，此时如果前面有其他 div 元素，则样式还是不生效的；last-child 和 last-of-type 原理类似。first-of-type mdn： https://developer.mozilla.org...
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样式很可能不生效,自己还傻乎乎的嚎:为什么啊?! 为了加强理解,下面举几个🌰: ...
在css中,“:not”是选择器的一种,如果希望某个样式不作用到选择器上,可以使用:not(选择器),语法格式为“ 元素:not(元素id){属性:属性值;}”;该选择器匹配非指定元素/选择器的每个元素。 二、last-of-type :last-of-type 选择器匹配属于其父元素的特定类型的最后一个子元素的每个元素。
从代码和图可以看出,:last-child并没有起到我们想要的作用。如果,这个时候去掉最后的div标签,再看看效果。 这时,效果出来了,那么,可以总结了。 :last-child表示其父元素的最后一个子元素,且这个元素是css指定的元素,才可以生效。 :last-of-type 关于:last-of-type手册中是这么解释的: The :last-of-type CSS...