开发者社区> 问答> 正文

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

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

展开
收起
茶什i 2019-11-18 16:19:06 703 0
1 条回答
写回答
取消 提交回答
  • 知道。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入门教程 立即下载
低代码开发师(初级)实战教程 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载