不删除第一行为什么第一段的胆小如鼠是红色的？ 不是应该按照第二行就近原则变绿色吗？
慕函数7042876
2016-09-11 16:27
h1,span{color:red;}
.first,#second span{color:green;}
</style>
</head>
<body>
<h1>勇气</h1>
<p class="first">三年级时，我还是一个<span>胆小如鼠</span>的小女孩，上课从来不敢回答老师提出的问题，生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。学校举办的活动我也没勇气参加。</p>
<p id="second">到了三年级下学期时，我们班上了一节公开课，老师提出了一个很<span>简单</span>的问题，班里很多同学都举手了，甚至成绩比我差很多的，也举手了，还说着："我来，我来。"我环顾了四周，就我没有举手。</p>
5回答
-
- CSA1
- 2016-09-23 09:45:37
我猜应该是权值的问题。.first的权值没有h1,span{color:red;}的权值高。
-
- snow2020
- 2016-09-11 16:58:04
h1,span{color:red;} 是h1标签和span标签为红色。
.first,#second span{color:green;}表示类first和唯一id second 下的span为绿色。
但是拆分来说
h1红色
span红色
.first绿色
#second span绿色
第一段符合 span虽然在.first.里面 但.first段落为绿色，里面span是从新给胆小如鼠添加的是红色。
-
- 慕粉3920198
- 2016-09-11 16:47:40
单独看：
h1,span{color:red;}表示所有<span></span>里面的内容都是红色，
first,#second span{color:green;}表示.first里面的除<span>内容</span>以外都是绿色，#second span里面的内容也为绿色
综合看：
由于css里面的层叠性，#second span里面的绿色覆盖了h1,span的红色，而first span里面内容的颜色未被覆盖，所以仍为红色
-
- jackwhitexr
- 2016-09-11 16:45:48
CSS中第一行所设置的是“勇气”和所有的span标签为红色，第二行设置的是第二段中的span标签“简单”为绿色；这时候第一行中的胆小如鼠不受第二行影响；
-
- 慕粉2127574022
- 2016-09-11 16:36:31
.first,#second span{color:green;}这段定义的是“#second span”的颜色也就是“简单”，而h1,span{color:red;}里面的span定义的才是“胆小如鼠”
初识HTML(5)+CSS(3)-升级版
1226115 学习 · 18236 问题
相似问题