样式无法按预期工作

Question

它仍然包含 px 或不包含在其中。

如何将其添加到顶部的样式中，并使其起作用？

它的工作原理：

https://jsfiddle.net/fwewpLa5/40/

<svg class="play" width="39" height="40" style="margin: 2px 284px;"
<svg class="pause" width="39" height="40" style="margin: 2px 284px;"

我尝试过做这样的事情：

https://jsfiddle.net/fwewpLa5/46/

  .button div {
    width: 39;
    height: 40;
    margin: 2px 284px;
  }

并且：

https://jsfiddle.net/fwewpLa5/47/

  .button {
    width: 39;
    height: 40;
    margin: 2px 284px;
  }

但这些都没有。

有谁知道如何让它发挥作用？

Answer 1

像这样添加CSS：

  .button .play {
    width: 39px;
    height: 40px;
    margin: 2px 284px;
  }

jsfiddle