权值问题 p.first{color:green;}这里为什么没有把“简单”设置成绿色呢？-慕课网

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

权值问题 p.first{color:green;}这里为什么没有把“简单”设置成绿色呢？

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

若夫萤雨霏霏

2015-11-05 19:56

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>!important</title>

<style type="text/css">

p{color:red ;}

p.first{color:green;}

</style>

</head>

<body>

<h1>勇气</h1>

<p class="first">三年级时，我还是一个<span>胆小如鼠</span>的小女孩，上课从来不敢回答老师提出的问题，生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。学校举办的活动我也没勇气参加。</p>

<p id="second">到了三年级下学期时，我们班上了一节公开课，老师提出了一个很<span class="first">简单</span>的问题，班里很多同学都举手了，甚至成绩比我差很多的，也举手了，还说着："我来，我来。"我环顾了四周，就我没有举手。</p>

</body>

</html>

写回答关注

3回答

李晓健

2015-11-05 21:13:51

已采纳
```
.first{color:green;}
```
如果想第一段和简单都变绿色这样就好了
2 0

jiayou...

老师，问下啊，就是既然要变红，我直接把p.first{color:green;}删除不就得了。还用！important这个不是多此一举的嘛？

2015-11-11 23:01:52

共 2 条回复 >
慕娘3901575

2016-03-18 18:21:37

若是second是用.还是#

0 0
李晓健

2015-11-05 20:12:31
```
p.first{color:green;}
```
这样写是让该样式应该在带有first 的className的p标签上
```
p .first{color:green;}
```
如果想让简单娈成绿色，可以试试这么写 (注意p后面有空格)
3 1

若夫萤雨霏霏回复伟伟的奥利奥

我也没有碰到过，没关系，懂了就好

2015-11-06 19:56:51

共 3 条回复 >

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

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

1226115 学习 · 18236 问题

相似问题

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

回答 5

p{color:red;} .first{color:green;}/*因为权值高显示为绿色*/ span{color:pink;}/*设置为粉色*/ p span{color:purple;} #second{color:blue;}

回答 1

没有加!important，“简单”怎么不是绿色呢？

回答 1

分组选择符，要求把第一段全部文字设置成绿色，第二段文字中的“简单”设置为绿色。

回答 3

为什么不是胆小如鼠和简单变成绿色，而是第一整段和简单变成绿色

回答 2

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