资讯专栏INFORMATION COLUMN

nth-last-child()和nth-last-of-type()的用法和区别

leap_frog / 1525人阅读

摘要:终于搞明白和的区别了的父元素下的元素且元素是倒数第二个子元素的父元素下的倒数第二个元素细细品味,和还是有和的区别的。若是改变了和最后一个的位置,就会发现不起作用了,因为的倒数第二个元素不是。

终于搞明白nth-last-child()和nth-last-of-type()的区别了:




    css3
    


    

1

2

3

4

5

细细品味,nth-last-child()和nth-last-of-type()还是有child和type的区别的。
若是改变了span和最后一个p的位置,就会发现p:nth-last-child()不起作用了,因为div的倒数第二个元素不是p。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/112310.html

相关文章

  • css3 伪类选择器快速复习

    摘要:前言如果说作为前端开发的基本功那么选择器就是基础中的基础如果你在复写或者学习这些容易令人混淆的选择器那么你就来对地方了我的老伙计本篇文章会直接了当的比较它们的特性帮助你快速的掌握它们这两个选择器会匹配一 前言 如果说 css 作为前端开发的基本功, 那么 选择器 就是基础中的基础. 如果你在复写或者学习这些容易令人混淆的选择器, 那么你就来对地方了, 我的老伙计. 本篇文章会直接了当的...

    MasonEast 评论0 收藏0
  • CSS伪类伪元素详解

    摘要:选择器大致可以分成类基本选择器,层次选择器,属性选择器,伪类,伪元素。但伪类和伪元素相对比较抽象,稍微有一点点理解上的难度。本篇就是我对伪类和伪元素的理解。 CSS选择器大致可以分成5类:基本选择器,层次选择器,属性选择器,伪类,伪元素。基本,层次,属性选择器比较容易理解,毕竟它们选择的对象都属于DOM中看得见摸得着的元素。但伪类和伪元素相对比较抽象,稍微有一点点理解上的难度。本篇就是...

    lookSomeone 评论0 收藏0
  • CSS选择器

    摘要:五后代选择器包含选择器后代选择器可以选择作为某元素后代的元素。匹配下所有的元素匹配所有为的下所有的元素匹配成功匹配失败注意有关后代选择器有一个易被忽视的方面,即两个元素之间的层次间隔可以是无限的。子元素选择器,选择其子元素。 CSS选择器是学习CSS的一个核心部分,HTML页面中的元素就是通过CSS选择器来进行控制的,熟练使用CSS选择器能迅速根据文档结构对文档样式进行一对一,一对多或...

    vvpale 评论0 收藏0
  • 【CSS 学习】CSS 选择器、选择器优先级权重

    摘要:优先级和权重中的权重分别为个等级内联样式文档中的属性选择器类伪类属性选择器元素伪类元素这个等级由高到低代表不同的优先级,写在规则后,可以将对应的规则提升到最高权重。 以下总结内容摘自 《移动Web前端高效开发实战》 基本选择器 选择器 名 称 实 例 描 述 版 本 * 通用选择器(Universal selectors) * 匹配所有的元素 2.1 E 标签选择器(Ty...

    jerry 评论0 收藏0

发表评论

0条评论

leap_frog

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<