                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

怎么在段落中设置不同字体的颜色,为什么下面这样设置颜色，字体出来的都是第二个颜色

span{
color:red;
}
span{
color:yellow;
}

慕莱坞1085671

2017-03-20

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

关注问题我要回答

4184

操作

收起

9 回答

浑浑噩噩的猿回答被采纳 +3 积分
2017-03-20

因为你重复设置了span的内容，他会以第二个设置为准，即黄色

0 回复有任何疑惑可以回复我~

#1

慕莱坞1085671 提问者

谢谢你的解答

2017-03-21 回复有任何疑惑可以回复我~

qq_Absurdyears_0
2017-03-21

代码解读时会按就近原则来解读

0 回复有任何疑惑可以回复我~

qq_车臣之心_0
2017-03-20

要想设置不一样的颜色比如你说的同一段几个<span>中设置不一样的你就需要用到选择器让span区别开来

0 回复有任何疑惑可以回复我~

qq_任之_03766899
2017-03-20

可以直接用内联式css样式，比如<span style="color:yellow">文本</span>,分别设置就行了

0 回复有任何疑惑可以回复我~

changings
2017-03-20

就近原则，权值一样都是1，后面的会覆盖掉前面的，所以出现的是yellow

0 回复有任何疑惑可以回复我~

qq_艾胖虎_0
2017-03-20

同过类选择器和ID选择器

0 回复有任何疑惑可以回复我~

qq_车臣之心_0
2017-03-20

其实就是权值相同的情况就近原则执行

0 回复有任何疑惑可以回复我~

慕粉1025391945
2017-03-20

我也刚学，权值一样，就会被第二个覆盖，你可以把你想设置另一种颜色的字加一个类

比如

<span class="av">你想设置另外颜色的字</span>

然后.av{color:yellow} 讲的比较直白，不记得专业术语，但是大概就是这样

1 回复有任何疑惑可以回复我~

qq_二少_1
2017-03-20

因为浏览器是自上而下读取你的代码的

设置两个span分别设置id 再设置颜色

0 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

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

参与学习 1226365 人
解答问题 18240 个

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

本课相似问答

2 回答没有设置颜色时的字体颜色？

4 回答第二段字体颜色

1 回答如果只对其中一个段落设置字体颜色等一般怎么设置，

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

7 回答span{字体颜色}，怎么就让几个字变了颜色

搜索更多本课相关问答

怎么在段落中设置不同字体的颜色,为什么下面这样设置颜色，字体出来的都是第二个颜色

我要回答关注问题

意见反馈帮助中心 APP下载