在CSS中,:last-of-type是一个伪类选择器,它选择其父元素的最后一个指定类型的子元素。这个选择器非常有用,尤其是当你想要对一组同类型元素中的最后一个元素应用特殊样式时。 :last-of-type选择器的工作原理是查找匹配指定元素类型的最后一个元素,这个元素必须是其父元素的最后一个该类型的子元素。例如,如果你有...
在上面的示例中，p:last-of-type选择器将匹配父元素中最后一个p元素，并将其背景颜色设置为红色。这里的父元素可以是任何包含p元素的元素，如div、ul等。三、结合其他选择器使用last-of-type last-of-type选择器可以与其他选择器结合使用，以更精确地定位元素。下面是一些常见的组合示例：css div p:last-of-ty...
CSS3 :last-of-type 选择器 完整CSS选择器参考手册 实例 指定其父级的最后一个p元素的背景色: p:last-of-type { background:#ff0000; } 尝试一下 » 定义和用法 :last-of-type选择器匹配元素其父级是特定类型的最后一个子元素。 提示: 和:nth-las
:last-of-type选择器用于选择同类型元素中的最后一个。它的对立面是:first-of-type选择器,这个选择器用于选择同类型元素中的第一个。 基础概念 :first-of-type: 选择同类型元素中的第一个。 :last-of-type: 选择同类型元素中的最后一个。 优势 :first-of-type: 可以精确地选中特定类型的第一个...
CSS3 last-of-type选择器 “:last-of-type”选择器和“:first-of-type”选择器功能是一样的,不同的是他选择是父元素下的某个类型的最后一个子元素。 示例演示 通过“:last-of-type”选择器,将容器“div.wrapper”中最后一个段落元素背景设置为橙色 ...
:nth-last-of-type()也一样: 同样选择到了最后一个div元素,并不受最后一个p元素的影响。 总结 在以上八个伪类选择器中,:first-child:last-child:nth-child(n):nth-last-child(n)在选择元素时,是按照其所有类型的兄弟元素开始计数,而:first-of-type:last-of-type:nth-of-type(n)nth-last-of-type(n...
:last-of-type表示其父元素的最后一个指定类型的元素 这两个区别就是last-child必须要多具备一个条件,就是必须是父元素的最后一个子元素,强调的是最后child,而last-of-type只要符合最后一个type就可以。【例子1 2 】 弊端:对于元素选择伪类比较准确,但是对于类选择器选择伪类可能就会不太准确【例子 3 4】 ...
1、选择器说明 选择器例子例子描述CSS :first-of-type p:first-of-type 选择属于其父元素的首个 p 元素的每个 p 元素。 3 :last-of-type p:last-of-type 选择属于其父元素的最后 p 元素的每个 p 元素。 3 :only-of-type p:only-of-type 选择属于其父元素唯一的p 元素的每个 p 元素。 3 :nth-...
介绍一下常用的css3结构伪类选择器,nth-child、nth-last-child、nth-of-type、nth-last-of-type、first-child、last-child 、first-of-type 、last-of-type、only-child以及only-of-type。结构性伪类选择器的公共特征是允许开发者根据文档结构来指定元素的样式。接下来开始进入正题。
last-child 先定义最后一个，再找元素，如果说最后一个和所要找元素对不上就没有效果，对的上就有...