CSS中类名之间空格的差异

在css样式修改中,很多情况会出现如下的调用方法

/* 情况1 */
.page .active{
  ... ...
}
/* 情况2 */
.page.active{
  ... ...
}

这是有区别的,情况1的写法是这种情况

<div class="page">
  <div calss="active">
    ... ...
  </div>
</div>

情况2是如下写法的调用

<div class="page active">
    ... ...
</div>

前者是对page下的active元素进行操作,后者是对一个类名分别是page和active的div操作,这是很不同的

You may also like...

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注