last-child:先匹配所有兄弟元素中的最后一个,再看是否命中:last-child前面的条件 last-of-type:先根据标签名称(span)进行分组,再匹配分组中的最后一个元素(.special),再看是否命中:last-of-type前面的条件(.children,没有命中) 有用3 回复 hanker: 正解, last-of-type首先需要分组,言外之意是要求对应的标...
1、先找到该伪类调用者(元素)的父类2、其次找到父类下的第n个相同 element name 的子元素,如果是,则应用css,否则不应用 # 正确 img:nth-of-type(2n+1) { float: right; } img:nth-of-type(2n) { float: left; } # 不起作用 .className:nth-of-type(2n+1) { float: right; } .className:nth...
:last-of-type :nth-of-type(n) :nth-last-of-type(n) 这三个选择器无效,不止是BUG还是不支持 -_- :nth-last-child(n) 这一类的都还支持,其他特殊的(不常用)选择器还未试验过 回答关注问题邀请回答 收藏 分享 15 个回答 洋葱头 2017-10-21 目前不支持 我们看下是否支持上 有用 回复9 桌子凳子...
可以试试用这种写法代替: [&:not(:last-of-type)]:xxx chengazhen commented Jul 30, 2024 可以试试用这种写法代替: [&:not(:last-of-type)]:xxx 可以直接把 https://github.com/MellowCo/unocss-preset-weapp 的正则偷过来,哈哈哈哈Sign up for free to join this conversation on GitHub. Already...
1、在最后一个p外面再嵌套一层div,让p是新嵌套div的最后一个元素。不推荐,HTML代码不简洁。 2、使用div p:last-of-type,只会从p元素中找,会忽略其他类型元素,推荐此种方法。 下面举个例子: HTML代码: 第一段 第二段 第一段 第二段 第一段 第二段 插入一个标题...
first-of-type ：指的是父元素下，相同类型子元素中的第一个，上面的例子中因为 class 为 userinfo-item 的 div 元素是第一个 div 元素，所以生效了，此时如果前面有其他 div 元素，则样式还是不生效的；last-child 和 last-of-type 原理类似。first-of-type mdn： https://developer.mozilla.org...
.p:last-of-type,是匹配到 (1).test中的最后一个.p元素(注意这儿是classname) (2)该.p元素是.test的最后一个p元素。 必须同时满足以上两个条件,才能成功匹配到一个p元素,否则你的css样式很可能不生效,自己还傻乎乎的嚎:为什么啊?! 为了加强理解,下面举几个🌰: ...
从代码和图可以看出,:last-child并没有起到我们想要的作用。如果,这个时候去掉最后的div标签,再看看效果。 这时,效果出来了,那么,可以总结了。 :last-child表示其父元素的最后一个子元素,且这个元素是css指定的元素,才可以生效。 :last-of-type 关于:last-of-type手册中是这么解释的: The :last-of-type CSS...
在css中,“:not”是选择器的一种,如果希望某个样式不作用到选择器上,可以使用:not(选择器),语法格式为“ 元素:not(元素id){属性:属性值;}”;该选择器匹配非指定元素/选择器的每个元素。 二、last-of-type :last-of-type 选择器匹配属于其父元素的特定类型的最后一个子元素的每个元素。