您还没有专辑

开始创建自己的专辑吧

创建
您可在个人中心-我的专辑处查看
当前位置:首页 > 软件入门 > DW-伪类之first-child

DW-伪类之first-child

手机观看

扫一扫下载虎课app

支持离线缓存,随时随地学习

VIP优惠升级 19大分类,畅享43000+设计教程特权!

为自己充值升华学习
今日剩余学习次数:1

按住画面移动小窗

DW-伪类之first-child

播放卡顿?建议切换线路

宽屏取消宽屏

学设计上虎课网

学习意犹未尽?成为VIP,继续提升

免费学习即将结束

关闭继续学习>

发表评论
收起宽屏
分享给朋友:
手机观看

扫一扫下载虎课app

支持离线缓存,随时随地学习

添加到专辑收藏已收藏收藏成功,可进入个人中心-课程收藏 查看!
目录信息笔记
课后练习学员评价 (78条评论)视频字幕查看优秀作品>

课后练习在紧急制作中。。。

课程综合评分:9.9
课程难易程度:太简单(2)简单(22)适中(45)有点难(5)太难了(2)
您需要学习后才可以评价,立即学习
评论列表
仅显示有内容的评论
仅显示带图评论
排序方式:

Hello大家好,我是M ,上节课我们学习了关于链接的四种伪类状态 ,那么这些课呢,我们只用学习一个伪类,叫做first-child ,好,这节课的重点 ,首先第一个 ,我们要去理解,什么first-child伪类 ,第二个呢,我们要知道的first-child ,这个伪类的三种不同的用法 ,难点呢,就是我们之后会用first-child伪类 ,去做一个网站导航案例 ,好,我们现在看一下什么是first-child ,我们可以通过first-child呢 ,来选择元素的第一个子元素 ,然后我们也 ,这句话就是M经常的课堂的开场白啊 ,Hello大家好我是M,这句话 ,我们可以用这句话 ,作为一个例子来看一下 ,这个first-child,应该怎么用 ,首先呢,我们还是在DW里面 ,新建一个HTML,取个名字 ,创建 ,老规矩 ,保存到站点里面去 ,然后呢 ,我们打一下刚刚那句话 ,哈喽 ,大家好 ,逗号 ,我是 ,M ,这就是一个很正常的一句话,对不对 ,为了方便观察呢 ,我们把它变成三排 ,好,已经出来了 ,那我们先来看第一个 ,p元素直接给上first-child ,匹配呢,是第一个元素,什么意思 ,我们还是把style标签打上 ,

我们先给我们的p标签 ,设置一点样式吧 ,比如说 ,font-size:16;吧,大一点 ,然后黑色 ,默认是黑色的,但是我们还是给一下 ,好 ,然后我们来看第一个 ,p标签 ,直接是,冒号first-child ,这个是什么意思呢 ,这个是 ,指的是第一个p标签的意思 ,你看我们这里有三个p标签 ,first-child,first第一嘛,第一个孩子 ,指的就是第一个p标签 ,那么我们要怎么做呢 ,我们去改变一下它的颜色吧 ,比如说就给这个青蓝色好了 ,保存一下 ,诶,我们可以看到第一排的字 ,变成了一个蓝色 ,这个呢,说明我们的first-child伪类样式起了作用 ,那么我们看下第二个 ,p>span:first-child ,是什么意思呢 ,匹配所有p元素中的第一个span元素 ,好,我们看我们第一个span元素是大家好三个字 ,如果我们使用 ,p>span:first-child ,那么我们三个大家好 ,都会去修改这个样式,我们来试一下啊 ,p ,很多的同学问了这个大于号怎么打,这个大于号注意啊 ,就是我们破折号的 ,这是我们的破折号,也就是我们标签的这个 ,span:first-child ,我们还是用这个颜色吧 ,

然后我们把这个伪类给删掉 ,或者 ,注释掉 ,好,我们来看一下 ,哎 ,每一个p标签里面的第一个span元素 ,改变的颜色 ,看见没有 ,

登录后查看更多
换一批

为你推荐

每周一练

立即参与

同学,小虎知道你非常努力的想学习!

老师录制课程真的也很辛苦

赞助一下吧

确定学习吗?

您每天可免费学习一个教程。

成为VIP可无限学习 !

成为VIP吧!

成为VIP吧!

您已经免费学习 1 个教程 !

我们录制教程很努力的,赞助下吧 !

升级VIP吧!

您已经学习 5 个教程啦!

我们录制教程很努力的,赞助升级下吧 !

您已经累计下载5个源文件


您在当前分类下不是VIP,赞助VIP享受无限下载


您已经累计下载5个素材文件


您在当前分类下不是VIP,赞助VIP享受无限下载


您已经累计下载5个源文件


您在当前分类下不是VIP,赞助VIP享受无限下载


您已经累计观看5个图文教程


您在当前分类下不是VIP,赞助VIP享受无限观看


学习后才能评价哦!

学习后才能提问哦!

获得30虎课币

评论提交成功,将在审核通过后显示

×

下载素材/源文件:

收藏成功
取消成功
特惠
充值
客户端
虎课桌面客户端
置顶播放器,边看边学习
虎课移动APP
支持离线缓存,随时随地学习
我的排行
建议意见
官方客服

官方客服

您可以与在线客服进行沟通或者拨打客服热线获得帮助

客服热线:021-80344319工作日:9:30-18:30

在线咨询:联系客服工作日:9:00-22:00

节假日:9:00-18:00

虎课积分
登录注册
使用手机号码登录
使用手机号码登录
手机号码格式错误
换一个
图形验证码错误,请重新输入
验证码错误,请重新输入
登录
已连续签到0
第一天
5个虎课币
第二天
10个虎课币
第三天
15个虎课币
第四天
20个虎课币
第五天
40个虎课币
第六天
20个虎课币
第七天
20个虎课币
立即签到
已签到
每周一重置签到奖励
已连续签到0
本周斩获110个虎课币,下周也要来哦
我知道了
已连续签到0
哎呀,签到失败了!
再次签到
哎呀,系统出现错误,请稍后重试!
上上签 · 今日宜学习
恭喜!签到成功,获得 10 个虎课币
.
书山有路勤为径,学海无涯苦作舟
— 唐代文学家 韩愈
虎课网 · 每天进步一点点
分享到