css中content: " ";是什么意思？有什么用？

Question

.group:after,#content:after,#sidebar:after,#some .other .thing:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;zoom:1;}这段话是什么意思？

Answer 1

CSS中的content是插入生成的内容，一般与伪元素:befor和:after配合使用。表示在需要的地方插入"."。

content属性的作用及用法：

1、在body中添加两个h标签，如下图所示。

2、在style标签下书写CSS样式，给h标签的伪元素添加content内容，如下图所示。

3、先定义符号，然后添加符号，除了可以运用content添加纯文本内容外，也可以运用它添加文字符号。

4、运用content属性添加图片。

5、content还可以运用其attr获取元素的属性值，如下图所示。

6、综上所述，content属性提供了多种添加内容的方式。

Answer 2

content是利用CSS来输出内容，这一句是确保浏览器兼容性的，但content属性不建议使用，CSS的职能就应该是定义样式，而不修改内容。