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

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

仍_是少年

2019-09-02 19:50

<!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?求解


写回答 关注

2回答

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

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

    仍_是少年

    词列表方法是什么?求解释,课程上好像也没说

    2019-10-05 21:28:33

    共 1 条回复 >

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

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

    ava乐在征... 回复仍_是少年

    但如果是作为一个单词的话,中间空格了的话,那就不是一个单词了,而是两个词了,意义就不一样了;比如你说的stressid bigsizeid,这样的话,是两个单词,stressidbigsizeid而这样的话,就默认是一个单词了

    2020-02-23 09:09:18

    共 2 条回复 >

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

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

1225308 学习 · 18230 问题

查看课程

相似问题