[问题] 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里面吗
![]()
另外还想要请教一下这个content是否就是很多大陆网站在防别人
复制的语法呢？例如有的小说网站，复制下去的话前后会有
"@ Copyright of 晋江原创网 @ "
晋江原创网
http://www.jjwxc.net/onebook.php?novelid=31065&chapterid=1
还请大家指教，谢谢～～～～
看到这段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里面吗
另外还想要请教一下这个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