谁受累给解释一下这句css代码是做什么用的？

CSS code

.clearfloat { display: inline-block; }

.clearfloat:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

* html .clearfloat { height: 1%; }

.clearfloat { display: block; }

这里面的content: "."; 是什么意思；

* html 又是什么意思

为什么之前设定了.clearfloat { display: inline-block; }，在后面还要设定.clearfloat { display: block; }？


谢谢！

去网上搜搜，网上有好多这方面的；还有我认为如果是刚开始学，没必要为了一些不常用而且不兼容的东西而纠结，除非真有这方面的需要了在去了解，到时候自然就更深刻了。