What is the effect of content: "\0020"; property?

Question

.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; overflow:hidden;} 

Contents

Please explain what is the effect of "content: "\0020"; property?

Answer 1

\0020 inserts the Unicode code point U+0020, which is a space. So the code is equivalent to content: ' ';.

content: x replaces the content (= the displayed text) with the value x.

However, in the snippet you’ve posted, this content is made invisible anyway so you won’t actually see anything. The code is a clearfix implementation to re-float elements on the page.