在 CSS3中，last-of-type选择器用于匹配父元素中的最后一个特定类型的子元素。它可以与其他选择器结合使用，以更精确地定位元素。一、last-of-type选择器的作用 last-of-type选择器的主要作用是在一组相同类型的元素中，定位最后一个元素。它常用于为最后一个元素添加特殊的样式，例如背景颜色、边框或文本样式。...
:nth-last-of-type(n)选择器匹配同类型中的倒数第n个同级兄弟元素。n 可以是一个数字,一个关键字,或者一个公式。提示:请参阅::nth-last-child()选择器。该选择器匹配父元素中的倒数第n个结构子元素浏览器支持表格中的数字表示支持该属性的第一个浏览器版本号。选择器 :nth-last-of-type() 4.0 9.0 3.5...
:last-of-type选择器匹配元素其父级是特定类型的最后一个子元素。提示: 和:nth-last-of-type(1)是一个意思。浏览器支持表格中的数字表示支持该属性的第一个浏览器版本号。选择器 :last-of-type 4.0 9.0 3.5 3.2 9.6CSS3 :first-of-type 选择器 CSS3 :only-of-type 选择器 ...
“:last-of-type”选择器和“:first-of-type”选择器功能是一样的,不同的是他选择是父元素下的某个类型的最后一个子元素。 示例演示 通过“:last-of-type”选择器,将容器“div.wrapper”中最后一个段落元素背景设置为橙色 (提示:这个段落不是“div.wrapper”容器的最后一个子元素)。 HTML代码: 我是第一...
:last-of-type和:last-child 这与:first-of-type 和 :first-child用法完全一致,表示最后一个,这里不做多讲解 有一点注意的是,:first-child是CSS2的范畴,意味着在IE8也能使用,而last-child是CSS3的规范,在同时都能满足需求时,如果需要更好的兼容性,建议使用:first-child。
介绍一下常用的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。结构性伪类选择器的公共特征是允许开发者根据文档结构来指定元素的样式。接下来开始进入正题。
:nth-last-of-type(n):nth-last-child(n) :only-of-type:only-child 可以看出完全是一一对应,相信CSS开发者都对这些选择器的功能有个大致印象,比如first-*表示第一个,nth-*表示第几个,nth-last-*表示倒数第几个... -of-type 和-child 那么,-of-type和-child到底有什么区别呢?
nth-last-of-type(n)选择器和“:nth-of-type(n)”选择器是一样的,选择父元素中指定的某种子元素类型,但它的起始方向是从最后一个子元素开始,而且它的使用方法类似于上节中介绍的“:nth-last-child(n)”选择器一样。 nth-last-of-type(n)选择器 ...
CSS3 last-of-type选择器 “:last-of-type”选择器和“:first-of-type”选择器功能是一样的,不同的是他选择是父元素下的某个类型的最后一个子元素。 示例演示 通过“:last-of-type”选择器,将容器“div.wrapper”中最后一个段落元素背景设置为橙色 ...
CSS3 last-of-type选择器 “:last-of-type”选择器和“:first-of-type”选择器功能是一样的,不同的是他选择是父元素下的某个类型的最后一个子元素。示例演示通过“:last-of-type”选择器,将容器“div.wrapper”中最后一个段落元素背景设置为橙色