问答详情
源自:8-5 类和ID选择器的区别

请问,为什么第二段的三年级变大了,第三段的三年级没变?

<!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;

}

#stressid 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>



第二段的变了是因为上面的类名选择器吗?如果是的话,为啥不是写成  .stress bigsize?求解


提问者:仍_是少年 2019-09-02 19:50

个回答

  • 蝴蝶蓝兰
    2019-09-30 23:08:19

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

  • 慕桂英613149
    2019-09-02 20:27:28

    ID选择器不能使用词列表的,另外需要注意选择器的命名规则,必须由字母、数字、下划线和美元符号组成,首字母必须是字母或下划线。所以应该是选择器命名的问题,这样#stress_bigsizeid{font-size:25px}    <span id="stress_bigsizeid">三年级</span>可以实现的