Question

我有一个父元素倾斜以制作平行四边形。我似乎无法弄清楚如何疏忽孩子的元素，我甚至浏览了多个旧的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);

这是为了疏忽孩子，但就像我说的那样，它不起作用：

  -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;

如果有人有任何可以解决这个问题的解决方案，那就太好了。

P.S。我需要它在纯css中:)）

Answer 1

没关系，我知道这个问题。这只是代码中的一个简单错字，我忘了在CSS中添加一个点。

Answer 2

只需在.之前添加status，这样您就可以选择class="status"代替<status>

不公平的父div的子div

2 个答案: