css样式中content:"."是什么意思？

Question

如题所述

Answer 1

该属性用于定义元素之前或之后放置的生成内容。默认地，这往往是行内内容，不过该内容创建的框类型可以用属性 display 控制。

在写HTML代码的时候，发现在Firefox等符合W3C标准的浏览器中，如果有一个DIV作为外部容器，内部的DIV如果设置了float样式，则外部的容器DIV因为内部没有clear，导致不能被撑开。

这个clearfix的CSS使用了after这个伪对象，它将在应用clearfix的元素的结尾添加content中的内容。

在这里添加了一个句号"."，并且把它的display设置成block；高度设为0；clear设为both；visibility设为隐藏，这样就达到了撑开容器的目的。

扩展资料：

content，英文单词，有满足的、使满足、目录等含义。同时也是计算机语言的一种方法。

计算机语言

概述

contents() 方法

找到段落中的所有文本节点，并用粗体标签包装它们。

("p").contents().filter(function(){returnthis.nodeType!=1;}).wrap("<b/>");

定义和用法

contents() 方法获得匹配元素集合中每个元素的子节点，包括文本和注释节点。

语法

.contents()

说明

如果给定表示 DOM 元素集合的 jQuery 对象，.contents() 方法允许我们检索 DOM 树中的这些元素的直接子节点，并用匹配元素构造新的 jQuery 对象。.contents() 和 .children() 方法类似，不同的是前者在结果 jQuery 对象中包含了文本节点以及 HTML 元素。

.contents() 方法也可以用于获得 iframe 的内容文档，前提是该 iframe 与主页面在同一个域。

参考资料来源：百度百科-content

Answer 2

一般content用在 元素的after或者before中使用，显示特殊字符。

Answer 3

:after是伪类 这段css代码的主要用途是清除浮动，如果去掉这段css，#main这个容器的高度，有可能不会随其内容高度的增加而增加，它的背景图片也有可能显示不出来。 加上这个css就可以解决这个问题 希望对你有帮助 content用来和:after及:before 伪元素一起使用，在对象前或后显示内容。也就是一个"."本回答被网友采纳

Answer 4

意思是对内容添加一个.

例：

解释：在a标签中原本是没有内容.的存在，通过content:"."，即添加了一个点的存在！！！

Answer 5

content,

定义和用法
content 属性与 :before 及 :after 伪元素配合使用，来插入生成内容。
说明
该属性用于定义元素之前或之后放置的生成内容。默认地，这往往是行内内容，不过该内容创建的框类型可以用属性 display 控制。
---------分割线-------------------------------------------------
像是content:"."这样的写法,
主要是用来占位清除浮动的,
类似
p:after {
display:block;
content:".";
height:0;
clear:both;
overflow:hidden;
visibility:hidden;

}