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

最后两条表达式是什么意思？没有看懂

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*/

Jarly杰

2017-02-12

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

关注问题我要回答

1064

操作

收起

2 回答

weibo_盛雨纷繁_0
2017-02-12

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

（1）p span中空格是代表后代选择器，选择指定标签元素下的后辈元素。即对象是p中<span></span>包含的元素

（2）.warning中.是类选择器，表示class="warning"

所以这条意思是把p中class="warning"的span包含的文字颜色设为紫色。puprle是紫色。

二：#footer .note p{color:yellow;} /*权值为100+10+1=111*/

（1）#footer中 # 是ID选择器标志， .note p同一

所以这条是把p中ID="footer",class="note"的文字颜色设置为黄色。

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

慕粉1426097513
2017-02-12

倒数第二条的意思是p span 和class为warning的元素颜色为粉色，最后一条的意思是id为footer，class为note，p的元素颜色为黄色

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

#1

多组选择器中间不是要逗号分隔的吗？p span和.warning中间好像是直接写一起的啊，看不懂

2017-02-19 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

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

参与学习 1225297 人
解答问题 18230 个

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

本课相似问答

3 回答这两行代码表达的什么意思？看不懂！

4 回答p span.warning{color:purple;}是什么意思，没看懂

6 回答最后那个/是什么意思？

5 回答这两个标签代表什么意思

1 回答不懂什么意思

搜索更多本课相关问答

最后两条表达式是什么意思？没有看懂

我要回答关注问题

意见反馈帮助中心 APP下载