关于css精简写法

例子：

<div class="bar-content">
     <div id="children"></div>
     <div id="youth"></div>
     <div id="old"></div>
</div>
.bar-content {
    
    
  width: 100%;
  height: 16px;
  display: flex;
  margin-top: 12px;
  & > * {
    
      //.bar-content下的子元素
    height: 100%;
    width: 30%;
    transform: skewX(-15deg);
  }
  div:nth-child(2) {
    
    
    margin: 0px 5px;
  }
}

今日份 周末加班 体会到了这种css样式的快乐，虽然后期维护人修改可能有点麻烦 ，但是真的 很精简 爱了爱了