为了账号安全,请及时绑定邮箱和手机立即绑定

两段代码输出结果相同,那么代码逻辑上的区别是什么?

.stress{

color:red;

}

.bigsize{

font-size:25px;

}

<span class="stress bigsize">三年级</span>

.stress{

color:red;
font-size:25px;

}

<span class="stress">三年级</span>

这两段代码的输出结果是一样的,那么这两段代码的区别是什么?逻辑上的差别是什么?

正在回答

3 回答

第一种是多类选择器,就相当于此处的span同时属于stress和bigsize这两个类,对这两个类设置样式都能作用到这一个特定元素上(同时也能分别作用到各自类的元素上);

第二种的span元素就只属于一个stress类。

这两种用法只对一个元素作用时其实是没什么差别的,但是如果需要设置样式的元素多起来,比如:有好几个span元素都需要变成红色,但是只有“三年级”字体是25px,那第一种用法就很合适,即把其它span元素设置为stress类,而“三年级”设置class=“class bigsize”就可以了;如果是第二种用法,那还需要增加一个类单独设置字体为红色给其它span元素,就会有点冗余。

以上是我自己的一些理解,希望能有帮助^_^

4 回复 有任何疑惑可以回复我~

第一种是一个class调用了两个那啥(我不知道.stress这种叫什么)

第二种是一个class只调用了一个那啥(.stress)

0 回复 有任何疑惑可以回复我~

第一个   <span class="stress">三年级</span>

<p class="bigsize">一班</p>

第二个写在一个里面只能两个一起设置

貌似是hhh

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

两段代码输出结果相同,那么代码逻辑上的区别是什么?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信