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“。
如下代码所示,要对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.5k 5 个回答 ...
选择第2个a元素,实用a:nth-of-type(2){background:red; } 2.:last-of-type选择最后一个元素 1 永远相信美好的事情2 即将发生3 永远相信美好的事情4 永远相信美好的事情5 即将发生6 即将发生 p:last-of-type{background:red; } 3.:first-of-type选择第一个元素 1 永远相信美好的事情...
这是一个p标签 with class 'p' .p:last-of-type,是匹配到 (1).test中的最后一个.p元素(注意这儿是classname) (2)该.p元素是.test的最后一个p元素。 必须同时满足以上两个条件,才能成功匹配到一个p元素,否则你的css样式很可能不生效,自己还傻乎乎的嚎:为什么啊?! 为了加强理解,下面举几个🌰: 为...
last-of-type就是指最后一个指定标签的最后一个 The first paragraph.The second paragraph.The third paragraph.The fourth paragraph.hahahhaah.last:last-of-type { background:#ff0000; } 因为没有指定是p还是div所以是两个都选中了,但是如果是last-child的话,只能是最后一个div被加上类,如果写p.last...
:last-child表示“是父元素的最后一个子节点”。 :first-of-type表示“是父元素的第一个对应元素的子节点”。 :last-of-type表示“是父元素的最后一个对应元素的子节点”。 p :first-child 或者 span:first-child p a:first-of-type :nth-child后接整数或一次函数,选中特性序号的孩子节点。 p :nth-...
: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 选择器与类选择器的区别 属性选择器与类选择...
CSS Last of Type is a pseudo-class selector that selects the last element of a specific type within its parent element. This selector is useful when you want to apply specific styles to the last element within a container. Syntax