帮我看下大改特改的代码，主要是关于class和id
让老夫瞅瞅
2016-12-31 19:21
我设置了四个段落，1,2,3,4，又用了class和id，运行出来的段落颜色只有第一段绿色，其他三个段落都是蓝色,归纳总结下，谢谢啦
还有一个问题就是 4个span我都给了颜色，第四个没有变，这里面有什么关系吗，是我还没学到，还是哪章节理解错了呢
3回答
-
- 丶低调丶
- 2016-12-31 23:51:36
你的代码基本上都是对的，但是有一点点瑕疵。第一段，因为你用了类first，字体变成绿色，但是span没有继承类first，而是使用它自己的属性，所以span是红色；第二段，因为你同时存在类second和ID 的second，所以，ID的second覆盖了second，使其失效，相当于这段代码是没写一样，不然的话你的第二段文字应该是粉色，但是被覆盖之后，而ID的second又没有定义P，所以还是段落依照本来的P执行蓝色，而span这是根据ID的second执行绿色；第三段的span是有ID的three，所以是黄色，p则是依照p定义执行蓝色；第四段因为你的ID写成了CLASS，所以没有体现ID的效果，改过来之后，span变成黑色，而p则是依旧执行蓝色。
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>分组选择符</title> <style type="text/css"> h1,span{color:red;} .first,#second span{color:green;} #third span{color:yellow;} p{color:blue;} .second{color:pink;} #fourth>span{color:black;} </style> </head> <body> <h1>勇气</h1> <p class="first">三年级时，我还是一个<span>胆小如鼠</span>的小女孩，上课从来不敢回答老师提出的问题，生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。学校举办的活动我也没勇气参加。</p> <p id="second">到了三年级下学期时，我们班上了一节公开课，老师提出了一个很<span>简单</span>的问题，班里很多同学都举手了，甚至成绩比我差很多的，也举手了，</p> <p id="third">还说着："<span>我来，我来。</span>"我环顾了四周，</p> <p id="fourth">就我<span>没有</span>举手。</p> <img src="http://img.mukewang.com/52b4113500018cf102000200.jpg" > </body> </html> -
- 杜牧之
- 2016-12-31 20:11:16
<!DOCTYPE HTML>
<html>
<head>
<!--
作者：wan05@126.com
时间：2016-12-31
描述：没太明白您要表达的意思,我理解着你估计是要:把"勇气"变红色,段落内是绿色,四个span分别是不同颜色吗?
-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>分组选择符</title>
<style type="text/css">
h1{color:red;}
p{color:green;}
.first span{color:blue;}
#third span{color:yellow;}
#second span{color:pink;}
#fourth span{color:black;}
</style>
</head>
<body>
<h1>勇气</h1>
<p class="first">三年级时，我还是一个<span>胆小如鼠</span>的小女孩，上课从来不敢回答老师提出的问题，生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。学校举办的活动我也没勇气参加。</p>
<p id="second">到了三年级下学期时，我们班上了一节公开课，老师提出了一个很<span>简单</span>的问题，班里很多同学都举手了，甚至成绩比我差很多的，也举手了，</p>
<p id="third">还说着："<span>我来，我来。</span>"我环顾了四周，</p>
<p id="fourth">就我<span>没有</span>举手。</p>
<img src="http://img.mukewang.com/52b4113500018cf102000200.jpg" >
</body>
</html>
-
- qq_读着倒_03141326
- 2016-12-31 19:49:12
<p class="fourth">就我<span>没有</span>举手。</p>把class改为id
#号用id .号用class
初识HTML(5)+CSS(3)-升级版
1225813 学习 · 18234 问题
相似问题