我在研究一個網站的寫法，
看到這段css
.clear:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
來源：http://ideaplusink.com.au/
還想請教這個 content="."　的意思是什麼
為什麼要在該class前面加一個點號呢？
然後整體的class的意思是？
我有查了一下w3s，還是不太懂
http://www.w3schools.com/cssref/pr_gen_content.asp
另外我看它的::after語法是加在html上的
正常來說CSS不是應該寫在css裡面嗎
http://i.imgur.com/gZesxe9.jpg
另外還想要請教一下這個content是否就是很多大陸網站在防別人
複製的語法呢？例如有的小說網站，複製下去的話前後會有
"@ Copyright of 晋江原创网 @ "
晉江原創網
http://www.jjwxc.net/onebook.php?novelid=31065&chapterid=1
還請大家指教，謝謝～～～～

你提到的這段剛好是 clearfix的用法 解決float排版問題平常的content就是顯示引號內的內容

他的after應該是用js動態配置的

css會有些很奇怪的技巧,沒什邏輯的,就memo起來https://css-tricks.com/snippets/css/clear-fix/

IE 在處理 content: "" 或 content: " " 時會有高度問題所以有時會改成 content: "x" + visibility: hidden

你最後舉的網站其實只是把那些字設定成和底色一樣而已 XD