                        课程
                    
                        /前端开发
                        
                            /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

关注问题我要回答

1679

操作

收起

4 回答

婼悡
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)-升级版

参与学习 1225798 人
解答问题 18234 个

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

本课相似问答

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

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

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

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

7 回答为什么我的这条语句不能输出颜色

搜索更多本课相关问答

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

我要回答关注问题

意见反馈帮助中心 APP下载