css - 这些代码中哪一个更好，您会更改代码中的任何内容以改进它，使其变得更好吗？

Question

在这 3 种 CSS 代码中，哪种代码设置更好用，为什么？

所有 3 个代码的设置不同，但它们都完成相同的事情。

我正在考虑应该使用哪一个。

https://jsfiddle.net/75tu065b/2/

http://testing45435.blogspot.com/

代码 1

https://jsfiddle.net/3fcc4cn5/1/

.link div {
    margin: 0 0 12px 0;
    height: 50px;
  }

 .link div:last-child {
    margin-bottom: 0;
  }

代码 2

https://jsfiddle.net/x7s124jc/3/

  .link div {
    margin: 0 0 12px 0;
    font-size: 0;
  }

  .link a:first-child {
    margin-left: 0px;
  }

  .link div:last-child {
    margin-bottom: 0;
  }

代码 3

https://jsfiddle.net/v4yrd6dq/1/

  .link div {
    margin: 0 0 12px 0;
  }

  .link div:last-child {
    margin-bottom: 0;
  }

  .myLink a {
    vertical-align: top;
  }

Answer 1

就我而言，Code 1 是最好的。如果他们都做同样的事情，请使用最短的一个:这意味着用户下载的次数更少，您的文件也更小。