最后两条表达式是什么意思？没有看懂
来源：9-3 权值计算-特殊性
Jarly杰
2017-02-12 16:42
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*/
写回答
关注
2回答
-
- weibo_盛雨纷繁_0
- 2017-02-12 17:02:54
一：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"的文字颜色设置为黄色。
-
- 慕粉1426097513
- 2017-02-12 16:56:22
倒数第二条的意思是p span 和class为warning的元素颜色为粉色，最后一条的意思是id为footer，class为note，p的元素颜色为黄色
初识HTML(5)+CSS(3)-升级版
HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义
1225813 学习 · 18234 问题
相似问题