[問題] content="."的意思是?

作者: Tahoma (咪醬)   2015-04-26 10:36:02
我在研究一個網站的寫法,
看到這段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
還請大家指教,謝謝~~~~
作者: ymcheung (ymc)   2015-04-26 11:17:00
你提到的這段剛好是 clearfix的用法 解決float排版問題平常的content就是顯示引號內的內容
作者: clerkhsiao (火球小子)   2015-04-26 16:05:00
他的after應該是用js動態配置的
作者: iamnodoubt (Have Fun)   2015-04-26 17:45:00
css會有些很奇怪的技巧,沒什邏輯的,就memo起來https://css-tricks.com/snippets/css/clear-fix/
作者: eight0 (欸XD)   2015-04-26 18:29:00
IE 在處理 content: "" 或 content: " " 時會有高度問題所以有時會改成 content: "x" + visibility: hidden
作者: hit1205 (幫你把勇氣裝滿)   2015-04-27 14:39:00
你最後舉的網站其實只是把那些字設定成和底色一樣而已 XD

Links booklink

Contact Us: admin [ a t ] ucptt.com