课程
/前端开发
/HTML/CSS
/初识HTML(5)+CSS(3)-升级版
为什么p.first中间加空格后<span class="first">简单</span>会变绿色
2018-06-02
源自：初识HTML(5)+CSS(3)-升级版 9-4
正在回答
p.first中间加空格后（p .first)相当于定位的是p标签中的带first元素的字体（即是第二段的“简单”两字）
所以会变为绿色
我的理解是 “! importment”是对于同一元素来说的，在p.first中间加入空格后相当于两句p{}和.first{}，对于第一段的“.first”，由于重要性的权值最高，所以颜色还是红色。在第二段中，.first是<span>的名称，和p无关，所以执行颜色变成绿色。
因为是span标签是标签的子元素，改变的颜色就是p标签的子元素span包括的那个字体
举报
HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义
5 回答.first,#second.span和.first,#second span为啥作用结果不同，.first,#second span{color:green;}时，简单变成了绿色，而.first,#secong.span{color:green;}简单没有变成绿色
6 回答为什么下面的span class="first"没有变成绿色呢
2 回答p.first span{color:purple;}胆小如鼠就显示紫色。但p空格.first span{color:purple;}就不生效 。为什么？
4 回答p.first中间加空格后第一段为什么是红色
4 回答为什么同时对first和second操作，first后是整段变成绿色，而second只有<span>之间变成了绿色？
