CSS中类名之间空格的差异

2018-12-03 0 条评论 1.06k 次阅读 0 人点赞

在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操作,这是很不同的

萌芽创想

这个人太懒什么东西都没留下

文章评论(0)