为了账号安全，请及时绑定邮箱和手机立即绑定

课程

/前端开发

/HTML/CSS

/初识HTML(5)+CSS(3)-升级版

请问9-2最后两条为什么不显示颜色

9-2特殊性

单贴出最后两条比较权值(按照黑框内容改动.warning和#footer）

p span .first{color:purple;}/*权值为1+1+10=12*/

#second .first p{color:yellow;} /*100+10+1=111*/

为什么不显示颜色，求大神解答

huanxueq

2016-10-01

源自：初识HTML(5)+CSS(3)-升级版  9-3

关注问题 我要回答
1555
操作
收起

正在回答

5 回答

qq_慕神1420022
2022-03-31

谢谢支持。请关注后续课程。

https://www.61bcx.com/scratch3/work/892149https://www.61bcx.com/scratch3/work/894712https://www.61bcx.com/scratch3/work/897161https://www.61bcx.com/scratch3/work/898104https://www.61bcx.com/scratch3/work/901380https://www.61bcx.com/scratch3/work/897916https://www.61bcx.com/scratch3/work/895973https://www.61bcx.com/scratch3/work/897673https://www.61bcx.com/scratch3/work/900891https://www.61bcx.com/scratch3/work/899188https://www.61bcx.com/scratch3/work/894078https://www.61bcx.com/scratch3/work/897071https://www.61bcx.com/scratch3/work/890933https://www.61bcx.com/scratch3/work/895461https://www.61bcx.com/scratch3/work/890868https://www.61bcx.com/scratch3/work/898416https://www.61bcx.com/scratch3/work/891199https://www.61bcx.com/scratch3/work/895864https://www.61bcx.com/scratch3/work/892815https://www.61bcx.com/scratch3/work/891718https://www.61bcx.com/scratch3/work/898796https://www.61bcx.com/scratch3/work/891876https://www.61bcx.com/scratch3/work/892049https://www.61bcx.com/scratch3/work/901786https://www.61bcx.com/scratch3/work/901683https://www.61bcx.com/scratch3/work/899065https://www.61bcx.com/scratch3/work/897701https://www.61bcx.com/scratch3/work/895734https://www.61bcx.com/scratch3/work/896440http://www.vpansou.com/query?wd=%E8%80%81%E8%A1%97%E8%85%BE%E9%BE%99%E5%9B%BD%E9%99%85%E5%A8%B1%E4%B9%90%E5%AE%A2%E6%9C%8D%E5%9C%A8%E7%BA%BF%E5%BC%80%E6%88%B7B2024.cN%E6%B5%8E%E5%AE%81%E7%94%B5%E4%BF%A1%EF%BD%91%EF%BC%96https://db.auto.sina.com.cn/search/?search_txt=%E8%80%81%E8%A1%97%E8%85%BE%E9%BE%99%E5%9B%BD%E9%99%85%E9%9B%86%E5%9B%A2%E5%AE%A2%E6%9C%8D%E5%9C%A8%E7%BA%BF%E5%BC%80%E6%88%B7B2024.cN%E5%BA%86%E9%98%B3%E9%98%B2%E7%96%AB%EF%BC%97%EF%BC%A7http://dblab.xmu.edu.cn/?s=%E7%9A%87%E5%AE%B6%E5%88%A9%E5%8D%8E%E5%A8%B1%E4%B9%90%E7%BD%91%E6%8A%95%E5%AE%98%E6%96%B9%E7%BD%91%E5%9D%80B2024.CN%E8%A5%84%E6%A8%8A%E5%88%86%E7%AB%99http://gdh.dict.cn/%E5%90%89%E6%9E%97%E5%9B%9B%E5%B9%B3%E9%BE%99%E8%99%8E%E5%B9%B3%E5%8F%B0%E5%AE%98%E7%BD%91B2024%EF%BC%8E%EF%BC%A3N%E6%B2%B3%E6%B1%A0%E5%B9%BF%E6%92%ADhttps://search.bilibili.com/all?keyword=%E7%BC%85%E7%94%B8%E6%B0%B8%E6%98%8C%E7%BD%91%E6%8A%95%E5%AE%98%E6%96%B9%E7%BD%91%E5%9D%80TL262%C2%B7%EF%BC%A3%EF%BC%AF%EF%BC%AD%E6%A0%AA%E6%B4%B2%E4%BA%BA%E6%89%8D%E7%BD%91%EF%BC%8D%EF%BC%85https://db.auto.sina.com.cn/search/?search_txt=%E7%BC%85%E7%94%B8%E7%BB%B4%E5%8A%A0%E6%96%AF%E6%8B%86%E5%88%86%E7%9B%98%E9%AA%97%E5%B1%80%E7%9B%B4%E8%90%A5%E7%BD%91B2024%C2%B7CN%E7%99%BD%E5%B1%B1%E8%81%94%E9%80%9Ahttps://iias.tsinghua.edu.cn/search/%E7%BC%85%E7%94%B8%E7%9A%87%E5%AE%B6%E5%88%A9%E5%8D%8E%E6%8B%9B%E8%81%98%E4%BF%A1%E6%81%AF%E5%BC%80%E6%88%B7%E5%AE%98%E7%BD%91TL262%C2%B7C%EF%BC%AFM%E6%B2%A7%E5%B7%9E%E7%96%AB%E6%83%85/feed/rss/https://www.oschina.net/search?scope=all&q=%E6%96%B0%E7%99%BE%E7%9B%9B%E5%A8%B1%E4%B9%90%E5%BC%80%E6%88%B7%E5%9C%A8%E7%BA%BF%E5%BC%80%E6%88%B7%E5%AE%98%E7%BD%91B2024%C2%B7CN%E9%94%A6%E5%B7%9E%E4%BA%BA%E5%8A%9B%E8%B5%84%E6%BA%90%EF%BC%B0%EF%BC%B9https://www.oschina.net/search?scope=news&q=%E6%B1%9F%E8%A5%BF%E8%B4%B5%E6%BA%AA%E5%93%AA%E9%87%8C%E8%83%BD%E7%8E%A9%E5%BA%84%E5%92%8C%E9%97%B2%E7%BD%91%E5%9D%80TL262.%EF%BC%A3%EF%BC%AF%EF%BC%AD%E4%B9%90%E5%B1%B1%E5%88%86%E5%85%AC%E5%8F%B8%EF%BC%8A%EF%BC%AF%EF%BD%96https://minecraft.fandom.com/zh/wiki/UserProfile:%E7%BC%85%E7%94%B8%E9%BE%99%E8%85%BE%E5%A8%B1%E4%B9%90%E6%80%8E%E4%B9%88%E6%B3%A8%E5%86%8C%E7%BD%91%E5%9D%80TL262.%EF%BC%A3%EF%BC%AF%EF%BC%AD%E4%B8%89%E4%BA%9A%E4%BA%A4%E9%80%9A?variant=zh-hk&cb=&mobileaction=toggle_view_mobilehttps://list.jd.com/search?keyword=%E5%B1%B1%E8%A5%BF%E9%98%B3%E6%B3%89%E6%89%8B%E6%9C%BA%E7%BD%91%E6%8A%95%E5%B9%B3%E5%8F%B0%E5%AE%98%E7%BD%91B2024%C2%B7CN%E8%82%87%E5%BA%86%E7%A7%BB%E5%8A%A8%EF%BC%AE%EF%BC%95%EF%BC%B6https://www.oschina.net/search?scope=news&q=%E8%85%BE%E9%BE%99%E5%9B%BD%E9%99%85%E5%B9%B3%E5%8F%B0%E8%B5%8C%E5%9C%BA%E5%AE%98%E7%BD%91TL262%EF%BC%8E%EF%BC%A3%EF%BC%AF%EF%BC%AD%E6%B1%9F%E9%97%A8%E4%BA%BA%E6%89%8D&days=0&onlytitle=0&sort_by_time=0http://dblab.xmu.edu.cn/?s=%E7%9A%87%E5%AE%B6%E5%9B%BD%E9%99%85%E7%8E%B0%E5%9C%BA%E7%BB%8F%E7%90%86%E5%AE%98%E7%BD%91B2024%C2%B7CN%E5%8D%97%E5%85%85%E7%BD%91%E9%80%9A%EF%BC%A1https://minecraft.fandom.com/zh/wiki/UserProfile:%E5%B1%B1%E4%B8%9C%E8%83%B6%E5%8D%97%E7%BD%91%E4%B8%8A%E6%89%8B%E6%9C%BA%E6%8A%95%E6%B3%A8%E5%AE%98%E7%BD%91TL262%C2%B7%EF%BC%A3%EF%BC%AF%EF%BC%AD%E4%B8%BD%E6%B1%9F%E6%AF%95%E4%B8%9A%E7%94%9F%EF%BC%A6?variant=zh-hk&cb=&mobileaction=toggle_view_mobilehttps://mod.3dmgame.com/mods?mods_title=%E7%9A%87%E5%AE%B6%E5%9B%BD%E9%99%85%E5%9C%A8%E7%BA%BF%E6%B3%A8%E5%86%8C%E7%94%B5%E8%AF%9D%E3%80%90TL262%C2%B7C%EF%BC%AFM%E3%80%91%E6%B8%A9%E5%B7%9E%E9%98%B2%E7%96%AB%EF%BC%8D%EF%BC%ADhttps://db.auto.sina.com.cn/search/?search_txt=%E5%87%AF%E6%97%8B%E9%97%A8%E6%8E%A8%E5%B9%BF%E7%94%B5%E8%AF%9D%E7%9B%B4%E8%90%A5%E7%BD%91B2024.CN%E5%BF%BB%E5%B7%9E%E4%BA%A4%E7%AE%A1%E5%B1%80http://iias.tsinghua.edu.cn/search/%E6%B2%B3%E5%8C%97%E6%96%B0%E4%B9%90%E5%93%AA%E6%9C%89%E7%BD%91%E4%B8%8A%E5%B9%B3%E5%8F%B0%E5%AE%98%E7%BD%91TL262%C2%B7%EF%BC%A3%EF%BC%AF%EF%BC%AD%E8%A1%A1%E9%98%B3%E6%8B%9B%E8%81%98%EF%BC%85https://list.jd.com/search?keyword=%E7%99%BE%E8%83%9C%E5%B8%9D%E5%AE%9D%E5%85%AC%E5%8F%B8%E5%AE%A2%E6%9C%8D%E5%BE%AE%E4%BF%A1%E5%BC%80%E6%88%B7%E7%94%B5%E8%AF%9D%E5%AE%98%E6%96%B9%E7%BD%91%E5%9D%80B2024%C2%B7CN%E9%82%AF%E9%83%B8%E5%B9%BF%E6%92%AD%EF%BD%81%EF%BC%A4%EF%BD%91http://biz.finance.sina.com.cn/zjzt/more.php?lytype=ipoly_hyxdly&title=%B9%FB%B2%A9%B6%AB%B7%BD%D4%F5%C3%B4%D7%A2%B2%E1%D5%CA%BA%C5%D3%CE%CF%B7%CD%F8%D6%B7TL262%A1%A4C%A3%CFM%D0%C3%D6%DD%CC%E5%D3%FD%A3%E1https://www.fastsoso.cc/search?k=%E7%BC%85%E7%94%B8%E7%BB%B4%E5%8A%A0%E6%96%AF%E8%B5%9A%E9%92%B1%E5%90%97%E5%AE%98%E7%BD%91TL262%C2%B7C%EF%BC%AFM%E9%93%9C%E5%B7%9D%E7%83%AD%E9%97%A8%EF%BC%B9https://www.oschina.net/search?scope=news&q=%E6%9E%9C%E5%8D%9A%E4%B8%9C%E6%96%B9%E5%AE%98%E7%BD%91%E6%B3%A8%E5%86%8C%E7%9B%B4%E8%90%A5%E5%BC%80%E6%88%B7%3ATL262%C2%B7C%EF%BC%AFM%E8%8B%8F%E5%B7%9E%E4%BD%93%E8%82%B2%EF%BD%99http://iias.tsinghua.edu.cn/search/%E7%BC%85%E7%94%B8%E9%91%AB%E7%99%BE%E5%88%A9%E5%A8%B1%E4%B9%90%E5%AE%98%E7%BD%91%E5%AE%98%E7%BD%91TL262%C2%B7C%EF%BC%AFM%E5%8D%97%E4%BA%AC%E5%88%86%E5%85%AC%E5%8F%B8http://www.vpansou.com/query?wd=%E6%96%B0%E7%99%BE%E8%83%9C%E5%9C%A8%E7%BA%BF%E5%B9%B3%E5%8F%B0%E7%BB%8F%E7%90%86%E8%81%94%E7%B3%BB%E7%94%B5%E8%AF%9D%E3%80%90B2024%C2%B7CN%E6%AC%A2%E8%BF%8E%E6%82%A8%E3%80%91%E6%99%8B%E4%B8%AD%E7%BE%8E%E9%A3%9Fhttps://www.fastsoso.cc/search?k=%E7%BC%85%E7%94%B8%E4%B8%9C%E6%96%B9%E6%98%8E%E7%8F%A0ag%E7%9C%9F%E4%BA%BA%E8%A7%86%E8%AE%AF%E7%BD%91%E7%AB%99%E5%BE%AE%E4%BF%A1%E5%BC%80%E6%88%B7%E7%94%B5%E8%AF%9D%E5%AE%98%E7%BD%91B2024%C2%B7CN%E6%80%80%E5%8C%96%E5%8A%9E%E4%BA%8B%E5%A4%84http://dblab.xmu.edu.cn/?s=%E6%9E%9C%E5%8D%9A%E4%B8%9C%E6%96%B9%E8%B5%8C%E5%9C%BA%E6%B3%A8%E5%86%8C%E5%AE%98%E6%96%B9%E7%BD%91%E5%9D%80TL262%C2%B7C%EF%BC%AFM%E9%9D%92%E5%B2%9B%E4%BC%81%E4%B8%9A%EF%BC%8F%EF%BD%9E

0 回复 有任何疑惑可以回复我~
收起回答
婼悡
2016-10-01

因为first是p的类，此时的first就可以代表这个p，可以直接写成.first span{color:purple}，

如果像你那么写,应该是span的类名是first，而不是p的类名叫first

0 回复 有任何疑惑可以回复我~
收起回答
#1

婼悡

.first span{color:purple;}
2016-10-01 回复 有任何疑惑可以回复我~
#2

huanxueq 提问者

不是我这么写，是教程这么写，原代码是 p{color:red;} /*权值为1*/ p span{color:green;} /*权值为1+1=2*/ .warning{color:white;} /*权值为10*/ p span.warning{color:purple;} /*权值为1+1+10=12*/ #footer .note p{color:yellow;} /*权值为100+10+1=111*/ 为了试验颜色更换了warning和footer，但是无法显示颜色
2016-10-01 回复 有任何疑惑可以回复我~
#3

婼悡 回复 huanxueq 提问者

你回复的那个只是举的一个例子，这道题是不适合完全套用那个例子的
2016-10-01 回复 有任何疑惑可以回复我~
鸡棚儿
2016-10-01

正确的是：p span，.first{color:purple;}

#second，.first p{color:yellow;} 

之间都缺了，符号。

0 回复 有任何疑惑可以回复我~
收起回答
#1

huanxueq 提问者

为什么p和span之间，first和p之间不用，？
2016-10-01 回复 有任何疑惑可以回复我~
#2

鸡棚儿 回复 huanxueq 提问者

span是p的后代啊，直接空格就可以了，同理.first中的p也是一样，感觉要好好看看之前的课程了
2016-10-02 回复 有任何疑惑可以回复我~
慕粉3832300
2016-10-01

标签之间是不是要用 , 啊。

0 回复 有任何疑惑可以回复我~
收起回答
#1

huanxueq 提问者

有用空格和，的，不一样的样式，所以我问 p span .first{color:purple;}/*权值为1+1+10=12*/ #second .first p{color:yellow;} /*100+10+1=111*/ 实际实际成立吗？问什么没颜色
2016-10-01 回复 有任何疑惑可以回复我~
慕粉4080340
2016-10-01

把你的代码贴出来看看

0 回复 有任何疑惑可以回复我~
收起回答
#1

huanxueq 提问者

p span .first{color:purple;}/*权值为1+1+10=12*/ #second .first p{color:yellow;} /*100+10+1=111*/
2016-10-01 回复 有任何疑惑可以回复我~
#2

慕粉4080340 回复 huanxueq 提问者

包含(后代)选择器。
2016-10-02 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
初识HTML(5)+CSS(3)-升级版
  • 参与学习       1223070    人
  • 解答问题       18212    个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

进入课程

本课相似问答

7 回答字体先设红色在设置黄色最后显示什么颜色呢

1 回答内选择器权值为10，p span权值为2，为什么最后显示的是p span颜色？10不是大于2？

1 回答为什么我的不显示颜色出来哦？

4 回答第一个span里颜色设置为红色，第二个颜色设置为绿色，最终会显示绿色？

3 回答为什么颜色问题
搜索更多本课相关问答

请问9-2最后两条为什么不显示颜色

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信