CSS3 选择器详解(二) VIP

成为vip会员,免费看所有精品课程
  • 目录

    目录 收起>

    本套课程讲解 CSS3 选择器,包含,first-child、last-child、nth-child、nth-last-child、nth-of-type、nth-last-of-type 和 only-child。通过以上选择器可以灵活运用完成需求效果。

    1.选择器:first-child、last-child、nth-child 和 nth-last-child 00:05:40

    本课时讲解 CSS3 选择器,包含 first-child、last-child、nth-child 和 nth-last-child,利用这几个选择器能够针对一个父元素中的第一个子元素、最后一个子元素、指定序号的子元素,甚至第偶数个或第奇数个子元素进行样式的指定。

    2.选择器:nth-of-type 和 nth-last-of-type 00:04:17

    本课时讲解 CSS3 选择器,包含 nth-of-type 和 nth-last-of-type,使用这两个选择器,可以避免一些问题的发生。

    3.only-child 选择器 00:05:46

    本课时讲解 CSS3 选择器,使用only-child选择器可以代替使用 nth-child(1):nth-last-child(1) 的实现方法。
  • 提问

    提交问题
  • 下载

  • 线路

    视频太卡?试试切换线路 √ 线路1 √ 线路2
  • 收藏

    收藏课程
  • 分享

连播

连续播放

关灯

关灯模式
视频加载太慢?

我们有两条线路可以选择,试试切换线路吧

CSS3 选择器详解(二)

3课时,16分钟2015-05-29
iwen
iwen

极客学院金牌布道师

课程背景:
选择器是 CSS3 中一个重要的内容,使用他可以大幅度提高开发人员书写或修改样式表时的工作效率,在 CSS3 中,新增了很多选择器,first-child、last-child、nth-child、nth-last-child、nth-of-type、nth-last-of-type和only-child 等。


核心内容:
1、选择器:first-child、last-child、nth-child 和 nth-last-child
2、选择器:nth-of-type 和 nth-last-of-type
3、only-child 选择器

软件环境:Webstrom


是否提供资料:


课程等级:初级


适合人群:
需要 Java 和 J2EE 开发基础。

  • 技术问答
  • 1

    选择器:first-child、last-child、nth-child 和 nth-last-child

    05:40

    本课时讲解 CSS3 选择器,包含 first-child、last-child、nth-child 和 nth-last-child,利用这几个选择器能够针对一个父元素中的第一个子元素、最后一个子元素、指定序号的子元素,甚至第偶数个或第奇数个子元素进行样式的指定。

  • 2

    选择器:nth-of-type 和 nth-last-of-type

    04:17

    本课时讲解 CSS3 选择器,包含 nth-of-type 和 nth-last-of-type,使用这两个选择器,可以避免一些问题的发生。

  • 3

    only-child 选择器

    05:46

    本课时讲解 CSS3 选择器,使用only-child选择器可以代替使用 nth-child(1):nth-last-child(1) 的实现方法。

相关课程

  • CSS 经典布局之双飞翼布局

    本课程介绍 CSS 常用布局,包括一列布局二列布局三列布局多列布局,以及双飞翼布局对传统两列布局和三列布局的补充。

    4课时 47分钟
    中级
    25296人学习
  • Less 介绍和应用

    本课程主要介绍 Less. Less 是一门 CSS 预处理语言,它扩充了 CSS 语言,增加了诸如变量、混合(mixin)、函数等功能,让 CSS 更易维护、方便制作主题、扩充。

    4课时 33分钟
    初级
    23049人学习
  • SASS 介绍和应用

    本课程主要介绍SASS。Sass 扩展了 CSS3,增加了规则、变量、混入、选择器、继承等等特性。Sass 生成良好格式化的 CSS 代码,易于组织和维护。

    4课时 33分钟
    初级
    18812人学习
  • CSS3选择器详解(一)

    本套课程讲解 CSS3 选择器,主要包含属性选择器[att*=val]、[att^=val]和[att$=val]、伪元素使用的选择器first-line、first-letter、before、after和选择器 root、not、empty 和 target

    3课时 20分钟
    初级
    27232人学习