在css
中,我们区分以下写法:
/* 第一种① */
.classA .classB{
font-size: 28px;
color: red;
}
/* 第二种② */
.classA, .classB{
font-size: 28px;
color: red;
}
/* 第三种 ③*/
.classB{
font-size: 18px;
color: blue;
}
其中,
第一种是为A下的B设置属性。
第二种是分别为两个类设置属性。
第三种是单独为B设置属性。
第一种和第三种的区别是:第一种只会影响classA
下的classB
,而单独出现的classB
不会受到影响。
<div class="classA">
<div class="classB">classA->classB</div>
</div>
<div class="classB">classB</div>