id定义一个怎么没效果

来源:8-5 类和ID选择器的区别

慕粉3653781

2016-08-18 11:31

<!DOCTYPE HTML>

<html>

<head>

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

<title>类和ID选择器的区别</title>

<style type="text/css">

.stress{

    color:red;

}

.bigsize{

    font-size:25px;

}

#stressid{

    color:red;

}

#bigsizeid{

    font-size:25px;

}

</style>

</head>

<body>

    <h1>勇气</h1>

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

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

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

    

</body>

</html>


写回答 关注

2回答

  • 香宝的夫差
    2016-08-18 21:22:57
    已采纳

    如果定义<span id="stressid bigsizeid">,但在这里边对id的修饰有两个样式格式分别是#stressid {color:blue;}、#bigsizeid{font-size:25px;}。

    但可以在id与类选择器不同点的第二点可以看出【可以使用类选择器词列表方法为一个元素同时设置多个样式。我们可以为一个元素同时设多个样式,但只可以用类选择器的方法实现,ID选择器是不可以的(不能使用 ID 词列表)。】

    这就与规定不符

    慕粉3653...

    非常感谢!

    2016-08-19 19:41:02

    共 1 条回复 >

  • 慕粉3653781
    2016-08-18 11:32:57

    <!DOCTYPE HTML>

    <html>

    <head>

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

    <title>类和ID选择器的区别</title>

    <style type="text/css">

    .stress{

        color:red;

    }

    .bigsize{

        font-size:25px;

    }

    #stressid{

        color:blue;

    }

    </style>

    </head>

    <body>

        <h1>勇气</h1>

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

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

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

        

    </body>

    </html>


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

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

1225806 学习 · 18234 问题

查看课程

相似问题