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.p{display:block;margin:10px0;border-bottom:1px solid #000;}.p:last-of-type{border...
所以，当你使用.sub:last-of-type并且你使用所有的DIV时，你实际上是在说“最后一个div也有类.sub“。
下面的代码可以很好地工作: div:last-of-type{margin-right:0; } 但我想要这样的 东西 div.class:last-of-type{margin-right:0; } 这个 怎么做? 顺晟科技: 遗憾的是,使用.class无法找到最后一个last-of-type。 编辑:实际上,为了给这个答案添加一些建设性的东西,您可以回退到JavaScript来定位这个选择器,或者...
:nth-last-child(n) :nth-of-type(n) :nth-last-of-type(n) :optional :out-of-range :required ::selection :target :valid 浏览器兼容 :fullscreen ::placeholder :read-only :read-write ::selection 注意事项 区分大小写 不要以数字开头 锚伪类 区别 id 选择器与类选择器的区别 属性选择器与类选择...
The CSS :last-of-type pseudo-class selects an element that is the last element of its type in the list of children of its parent. The :last-of-type pseudo-class is the same as the :nth-last-of-type. Version CSS2 Universal Selector CSS2 Universal Selector Syntax :last-of-type { ...
所以，当你使用.sub:last-of-type并且你使用所有的DIV时，你实际上是在说“最后一个div也有类.sub“...
满足:last-child 就是不一样 满足:nth-last-of-type(1) 5 就是不一样 问题常出现在 list 组件中,后面跟了一个加载更多,导致样式无法生效。解决办法就是给 children 做一个父级。。 有用 回复 hfhan 28.9k72241 发布于 2022-04-18 更新于 2022-04-18 last-child:先匹配所有兄弟元素中的最后...
:nth-last-of-type同上。 :only-child表示没有其他兄弟的元素 :only-of-type表示没有其他相同元素兄弟的元素 DOM 相关的其他伪类 :has表示“拥有……”的,它的参数是一个逗号选择器列表。注意不能 has 嵌套。Firefox 暂不支持 p:has(span, .info) /* 含有 span或.info的 p */ h1:has(+h2) /* 满足...
CSS3 last-of-type选择器 “:last-of-type”选择器和“:first-of-type”选择器功能是一样的,不同的是他选择是父元素下的某个类型的最后一个子元素。 示例演示 通过“:last-of-type”选择器,将容器“div.wrapper”中最后一个段落元素背景设置为橙色 ...
<!DOCTYPE html> .p:last-of-type { background:#ff0000; } 这是标题 这是第一个段落。 这是第二个段落。 这是第三个段落。 这是第四个段落。 11 对类名.p.last-of-type不起作用,换成p.last-of-type就好了,为什么对类名不起作用?css 有用1关注7收藏1 回复 阅读13.7k 5 个回答...