两段代码输出结果相同,那么代码逻辑上的区别是什么?
.stress{
color:red;
}
.bigsize{
font-size:25px;
}
<span class="stress bigsize">三年级</span>
和
.stress{
color:red;
font-size:25px;
}
<span class="stress">三年级</span>
这两段代码的输出结果是一样的,那么这两段代码的区别是什么?逻辑上的差别是什么?
.stress{
color:red;
}
.bigsize{
font-size:25px;
}
<span class="stress bigsize">三年级</span>
和
.stress{
color:red;
font-size:25px;
}
<span class="stress">三年级</span>
这两段代码的输出结果是一样的,那么这两段代码的区别是什么?逻辑上的差别是什么?
2019-03-18
第一种是多类选择器,就相当于此处的span同时属于stress和bigsize这两个类,对这两个类设置样式都能作用到这一个特定元素上(同时也能分别作用到各自类的元素上);
第二种的span元素就只属于一个stress类。
这两种用法只对一个元素作用时其实是没什么差别的,但是如果需要设置样式的元素多起来,比如:有好几个span元素都需要变成红色,但是只有“三年级”字体是25px,那第一种用法就很合适,即把其它span元素设置为stress类,而“三年级”设置class=“class bigsize”就可以了;如果是第二种用法,那还需要增加一个类单独设置字体为红色给其它span元素,就会有点冗余。
以上是我自己的一些理解,希望能有帮助^_^
举报