portfolioweb-2

1. css选择器

.a .b 和 .a.b 不一样，前者是b是a的后代，后者是同时有a，b两个类

https://stackoverflow.com/questions/18858298/in-css-is-a-b-different-than-a-b/18858323

2. css中的&，&代之上一层。

https://segmentfault.com/q/1010000011052931

.bordered {
  &.float {
    float: left; 
  }
  .top {
    margin: 5px; 
  }
}
等同于

.bordered.float {
  float: left; 
}
.bordered .top {
  margin: 5px;
}

------------恢复内容开始------------

1. css选择器

.a .b 和 .a.b 不一样，前者是b是a的后代，后者是同时有a，b两个类

https://stackoverflow.com/questions/18858298/in-css-is-a-b-different-than-a-b/18858323

2. css中的&，&代之上一层。

.bordered {
  &.float {
    float: left; 
  }
  .top {
    margin: 5px; 
  }
}
等同于

.bordered.float {
  float: left; 
}
.bordered .top {
  margin: 5px;
}

3. 常用的写法：classname的动态变化方法

<div className={ `topbar ${menuOpen ?'active':''}`}>

------------恢复内容结束------------