last-child 先定义最后一个，再找元素，如果说最后一个和所要找元素对不上就没有效果，对的上就有...
:last-child---represents the last element among a group of sibling elements. CSS伪类 :last-child 代表在一群兄弟元素中的最后一个元素。 举个例子: 从代码和图可以看出:last-child选择了最后一个li标签。 同时,我们换另外一段代码,看看是否还有这样的效果。 从代码和图可以看出,:last-child并没有起到我...
last-of-type【同理first-of-type】 :last-of-type表示其父元素的最后一个指定类型的元素 这两个区别就是last-child必须要多具备一个条件,就是必须是父元素的最后一个子元素,强调的是最后child,而last-of-type只要符合最后一个type就可以。【例子1 2 】 弊端:对于元素选择伪类比较准确,但是对于类选择器选择伪...
:last-child在刚开始的例子中讲过,这里略,只讲一下:last-of-type选择器:选取在一组兄弟元素中指定元素的最后一个。 例如: 和刚开始的例子一样,使用:last-of-type选择器,即使div元素后有script元素,也可以选择到最后一个div: 因为div:last-of-type选择的是div兄弟元素中的最后一个div元素,而不是像div:last...
2.最后一个元素不是选择器类型的，则无效 select:last-child: 选择父元素的最后一个子元素。要有父容器包裹的一组子元素，且同时满足select条件的，两者都要满足。select:last-of-type 选择器匹配属于其父元素的 特定类型 的最后一个子元素。first-child 和 first-of-type ,类似。运行环境是Chrome...
:last-child p:last-child 选择属于其父元素最后一个子元素每个 元素。 :last-of-type p:last-of-type 选择属于其父元素的最后 元素的每个 元素。 说句老实话,在不懂这两个关系的时候,越看这两句描述,越是别扭,绕口,难懂,查阅网上资料搞懂了以后,就觉得说的还是蛮有道理的。 以一段代码为例...
last-child, last-of-type是CSS3新增的结构伪类选择器,这两者功能相似,如果不仔细区分,可能会造成使用上的误解。现在举例说明这两者的区别,选来看一下以...
:last-child和:last-of-type的区别 E:last-child要求,E元素必须是父元素的最后一个元素。(位置顺序) 情况一VS情况三 E:last-of-type,E元素不一定是父元素的最后一个元素,可能是倒数第二个,或者其他。(类型) 情况二VS情况五 E:last-of-type, 当class和tag冲突时,class无效 ...
总结: :last-child表示其父元素的最后一个子元素,且这个元素是css指定的元素,才可以生效。 顺便提一下 :last-of-type 这个伪类,在这里是可以用的。 el:last-of-type的匹配规则是:查找 el 选择器匹配元素的所有同级元素(siblings),查找和el同type的元素中的最后一个元素(type指的是元素类型),检验最后一个元素...