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*/
一：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"的文字颜色设置为黄色。
倒数第二条的意思是p span 和class为warning的元素颜色为粉色，最后一条的意思是id为footer，class为note，p的元素颜色为黄色