css - CSS 中值前的点是什么意思？

Question

我在看 Angular 2 教程时，CSS 中的这个细节引起了我的注意。

“.1em”中的点是什么意思或做什么？

.heroes li:hover {
    color: #607D8B;
    background-color: #DDD;
    left: .1em;
  }

Answer 1

它是 0.1em 的简写，即。 em 的十分之一。换句话说，您不限于整数(整数)。

这并不像看起来那么无用。 CSS 最小化器正变得越来越普遍，并且会将此代码减少为

.heroes li:hover {color:#607D8B;background-color:#DDD;left:.1em;}

.1 之前的前导零只是另一个可以消失的字节。