我有一个倾斜的父元素以形成平行四边形。我似乎无法弄清楚如何取消倾斜子元素，我什至浏览了多个旧的 Stack 问题并找到了解决方案，但它对我不起作用。
这是 CodePen 的链接: http://codepen.io/DerekDev/pen/MYQrrQ
我用这个来歪曲:
-webkit-transform: skew(20deg, 0deg);
-moz-transform: skew(20deg, 0deg);
-ms-transform: skew(20deg, 0deg);
-o-transform: skew(20deg, 0deg);
transform: skew(20deg, 0deg);
这是为了消除 child 的歪斜，但正如我所说，它不起作用:
-webkit-transform: skew(-20deg, 0deg) !important;
-moz-transform: skew(-20deg, 0deg) !important;
-ms-transform: skew(-20deg, 0deg) !important;
-o-transform: skew(-20deg, 0deg) !important;
transform: skew(-20deg, 0deg) !important;
如果有人有任何解决方案可以解决这个问题，那就太好了。
附言我需要纯 css :)
最佳答案
只需添加一个.之前status所以你可以选择class="status"而不是 <status>
关于html - 不倾斜父 div 的子 div，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/28516889/