章节
问答
课签
笔记
评论
占位
占位

给选择器分个组 - 分组选择器

当你想为html中多个标签元素设置同一个样式时,可以使用分组选择符(,),如下代码为右侧代码编辑器中的h1、span标签同时设置字体颜色为红色:

h1,span{color:red;}

它相当于下面两行代码:

h1{color:red;}
span{color:red;}

任务

我来试试:

把右边代码编辑器中的第一段全部文字颜色设置为绿色同时把第二段文字中的“简单”文字颜色设置为绿色

 

 

?不会了怎么办

在右边编辑器的第8行,输入下面代码:

.first,#second span{color:green;}
||
1
2
<!DOCTYPE html>
<html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
提交
重置代码
||

请验证,完成请求

由于请求次数过多,请先验证,完成再次请求

加群二维码

打开微信扫码自动绑定

您还未绑定服务号

绑定后可得到

  • · 粉丝专属优惠福利
  • · 大咖直播交流干货
  • · 课程更新,问题答复提醒
  • · 账号支付安全提醒

收藏课程后,能更快找到我哦~

使用 Ctrl+D 可将课程添加到书签

邀请您关注公众号
关注后,及时获悉本课程动态

举报

0/150
提交
取消
全部 精华 我要发布

最新回答 / AI小慕
核心问题 你提供的CSS代码中,选择器 .first,span 的格式是正确的,但是根据任务要求,你需要将第一段(假设它有一个类名为 first)的所有文字设置为绿色,并且仅将第二段内特定的“简单”文...

最赞回答 / 慕娘4492179
加#表示id选择器中的second,就像前面first前加  .  一样

已采纳回答 / qq_慕少5523656
你加了#second就是指明了second下面的span标签,而没加的话就是指所有的span标签,在这里是一样的。如果你想看出不同,你可以把前面的first去掉,就能看出不同了,不懂的再来问我

最赞回答 / 慕沐1454145
second是p标签的id选择器,需要通过#second{}使用,题中.first,#second span 将first和second中的span标签同时设置为绿色

最新回答 / weixin_慕移动5358133
#second是id选择器,#second和span之间的空格 和>效果一样,表示这里用的是祖先元素(空格)后代元素,即父元素>子元素。用的是关系选择器。

最新回答 / 慕用6097831
你自己去建一个Html文件看看能不能跑,这边提交审核机制似乎有BUG

最新回答 / qq_慕函数8123426
这是类选择器实现,可以实现,但是没有简写方便

最新回答 / 午夜死神
兴趣是最好的老师,一起加油。

已采纳回答 / 慕勒215309
第一代指的是所有儿子,第二代是所有孙子,以此类推。

最新回答 / 慕丝9041010
效果一样,但这一小节是让你学会用分组选择器呀!

最新回答 / 慕勒5508360
这里带不带都行

最新回答 / weixin_精慕门6350286
.first和#second并用花括号里面的css样式,.first是定义的是整段,span定义的是胆小如鼠

最赞回答 / 慕圣2357903
span是p标签的子标签啊,你看任务要求你只把"简单”文字颜色设置为绿色,你的代码会把两段话都变成绿色。另外我的理解是span是没有含义的标签。

最新回答 / weixin_慕少8256872
.first,#second span{color:green}意思是类标签为first以及第二个span标签设置为绿色,#second是第二个的意思,不是第二段的类标签
全部 我要发布
最热 最新
只看我的

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

账号登录 验证码登录

遇到问题
忘记密码

代码语言