AI 助理
备案控制台
开发者社区 问答 正文

知道 css 有个 content 属性吗？有什么作用？有什么应用？

知道 css 有个 content 属性吗？有什么作用？有什么应用？

展开
收起
茶什i 2019-11-18 16:19:06 728 分享 版权

版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

1 条回答
写回答
取消 提交回答
  • 茶什i

    知道。css 的 content 属性专门应用在 before/after 伪元素上，用来插入生成内容。最常见的应用是利用伪类清除浮动。

    //一种常见利用伪类清除浮动的代码
.clearfix:after {
  content: "."; //这里利用到了content属性
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
}
.clearfix {
  zoom: 1;
}

    after 伪元素通过 content 在元素的后面生成了内容为一个点的块级素，再利用 clear:both 清除浮动。

    2019-11-18 16:19:33
    赞同 展开评论
问答分类：
前端开发
问答标签：
CSS应用 CSS属性 CSS content CSS Content属性 CSS content应用
问答地址：
开发者社区 > 开发与运维 > 问答
相关问答
通过k8s集群方式在edas中部署tomcat应用后，js和css无法访问是啥问题？
161
0
0
如何给 HTML 元素应用 CSS 样式？
82
1
0
CSS-in-JS 在应用级别的缓存策略是怎样的？
54
1
0
请问在函数计算start-flask-v3函数应用时加了css样式, 部署后为什么没有载入成功呀？
85
1
0
css中box-sizing可以设置哪些属性？
540
1
0
CSS的content-visibility属性包括包括什么？
453
1
0
CSS容器模块中的什么属性会显著影响第一次下载和第一次渲染的速度？
366
1
0
CSS的 gap 属性自身最大的特点是什么？
452
1
0
CSS的技术应用有什么啊？
578
1
0
CSS语言基础中的属性是什么呢？
575
1
0