帮我看下大改特改的代码，主要是关于class和id

个回答

丶低调丶: 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>

<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>
三年级时，我还是一个胆小如鼠的小女孩，上课从来不敢回答老师提出的问题，生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。学校举办的活动我也没勇气参加。
到了三年级下学期时，我们班上了一节公开课，老师提出了一个很简单的问题，班里很多同学都举手了，甚至成绩比我差很多的，也举手了，
还说着："我来，我来。"我环顾了四周，
就我没有举手。
<img src="http://img.mukewang.com/52b4113500018cf102000200.jpg" >
</body>
</html>
0
qq_读着倒_03141326

2016-12-31 19:49:12

就我没有举手。把class改为id
#号用id .号用class

0