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是不是两个标签p和span权值相加得到的2呢??
③p span.warning{color:purple;}这句话是在搞不懂啊.....类选择器为什么可以加在标签元素span后面的,代表什么意思啊???
权重分四类：a类为行内样式，假设权重为1000；b类为ID选择器，假设权重为100；c类为类选择器、伪类选择器和属性选择器，假设权重为10；d类为元素选择器和伪元素选择器，假设权重为1。
计算权重时，可以把各个权重相加。比如：#footer p.note{}的权重就是100（#footer）+1（p）+10（.note）=111。
span.warning（注意中间没有空格）表示选取<span class="warning">这个元素；同理，span.a.b就表示选取<span class="a b">元素。
1、2、权值可以相加（<p>\<span>权值为1、类权值为10、ID权值为100）
3、例如：<p><span><sa class="warning">慕课网</sa></sapn></p>权值为1+1+10=12
我也是初学，说说我得理解：
是的，有权值就相加
第二个是层级选择器，最终选择的是span标签，所以这里指的是span的权值为2
这是一个层级选择器，意思是p标签的后代中的span标签中后代类名为waring的