课程
/前端开发
/HTML/CSS
/初识HTML(5)+CSS(3)
为什么“胆小如鼠”最后显示的不是绿色是紫色？
2016-09-02
源自：初识HTML(5)+CSS(3) 9-3
正在回答
每一个选择器的跟你说；
p{color:red;} 标签选择器，p标签包含的段落文字显示为红色；
.first{color:green;} 类选择器，<p class="first">这里面包含的的文本颜色为绿色，包括胆小如鼠</p>
span{color:pink;} 标签选择器，权值为1.<span>胆小如鼠</span>，span标签中的文字为粉色。
p span{color:purple;}其权值为2，优先级比span{color:pink;} 高，所以最后'胆小如鼠'显示为紫色
把葫芦咬哭 提问者
不破
选择器具有优先选项功能
p{color:red;}
.first{color:green;}
span{color:pink;}
p span{color:purple;}
有点像描述准确性，这么说你懂不懂。p span说的就是p标签下的span子元素，而.first没有p span描述的更精准。
有个优先级别
举报
HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义
3 回答关于权值计算
4 回答权值计算问题
3 回答什么叫权值？权值是怎么计算的？
4 回答标签样式什么时候按就近原则，什么时候计算权值？
4 回答就近原则这不和权值原则冲突么？
购课补贴联系客服咨询优惠详情
慕课网APP您的移动学习伙伴
扫描二维码关注慕课网微信公众号
