例子:
<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样式的快乐,虽然后期维护人修改可能有点麻烦 ,但是真的 很精简 爱了爱了