Do you know that CSS has a content property? What's the effect? What is the application?

The content property of the CSS is specifically applied to the before/after pseudo-element, which is used to insert the generated content. The most common application is to use pseudo-classes to clear floats.

A common use of pseudo-classes to clear floating code. Clearfix:after {    content: ".";//the content attribute Display:block is used here    ;    height:0;    Visibility:hidden;    Clear:both; }.clearfix {    *zoom:1;}

After pseudo-elements generate block-level elements of a point after the element through the content, and then use Clear:both to clear the float.

So the question continues, Do you know the CSS counter (sequential numeric characters are automatically incremented)? How do I implement CSS counters with CSS content properties?

Answer: The CSS counter is set by setting counter-reset ,counter-increment two properties, and Counter ()/counters ( ) a method with After/before Pseudo-class implementation.

Do you know that CSS has a content property? What's the effect? What is the application?