为什么p.first中间加空格后<span class="first">简单</span>会变绿色-慕课网

首页课程实战体系课手记专栏慕课教程

为什么p.first中间加空格后<span class="first">简单</span>会变绿色

来源：9-4 为所欲为 - 选择器最高层级!important

p小人物q

2018-06-02 12:42

为什么p.first中间加空格后<span class="first">简单</span>会变绿色

写回答关注

3回答

慕村7315608

2019-02-20 11:26:59

p.first中间加空格后（p .first)相当于定位的是p标签中的带first元素的字体（即是第二段的“简单”两字）
所以会变为绿色

0 0
童慕安

2018-09-05 17:54:22

我的理解是 “! importment”是对于同一元素来说的，在p.first中间加入空格后相当于两句p{}和.first{}，对于第一段的“.first”，由于重要性的权值最高，所以颜色还是红色。在第二段中，.first是<span>的名称，和p无关，所以执行颜色变成绿色。

0 1
慕粉4168184

2018-06-02 13:18:26

因为是span标签是标签的子元素，改变的颜色就是p标签的子元素span包括的那个字体

0 0

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1225811 学习 · 18234 问题

相似问题

.first,#second.span和.first,#second span为啥作用结果不同，.first,#second span{color:green;}时，简单变成了绿色，而.first,#secong.span{color:green;}简单没有变成绿色

回答 5

为什么下面的span class="first"没有变成绿色呢

回答 6

p.first span{color:purple;}胆小如鼠就显示紫色。但p空格.first span{color:purple;}就不生效。为什么？

回答 2

p.first中间加空格后第一段为什么是红色

回答 4

为什么同时对first和second操作，first后是整段变成绿色，而second只有<span>之间变成了绿色？

回答 4

打开慕课网App查看更多内容