在CSS中content:".";表示什么意思?

Question

如题所述

Answer 1

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

1、首先准备一个空的HTML5结构，然后在body中添加两个h标签，如下图所示。

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

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

4、接下来就是运用content属性添加图片了，这也是比较常用的功能。

5、另外content还可以运用其attr获取元素的属性值，如下图所示，这个用法是比较少见的。

6、最后，来看一下运用content的counter属性来给指定的元素进行计数，如下图所示，h1标签会被添加上序号。

Answer 2

CSS中的content 属性是插入生成的内容，它一般与伪元素:befor和:after配合使用。
content:"."　就表示在需要的地方插入"."
要注意一点就是：如果已经规定 !DOCTYPE，那么 ie8 及更高版本才支持 content 属性。本回答被提问者和网友采纳

Answer 3

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