知道css有个content属性吗?有什么作用?有什么应用?可以伪类清除浮动

Posted 石顺麟

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了知道css有个content属性吗?有什么作用?有什么应用?可以伪类清除浮动相关的知识,希望对你有一定的参考价值。

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

.clearfix:after {
    content:"."; //这里利用到了content属性
    display:block; 
    height:0;
    visibility:hidden; 
    clear:both; }
.clearfix { 
    *zoom:1; 
}

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

  那么问题继续还有,知道css计数器(序列数字字符自动递增)吗?如何通过css content属性实现css计数器?

答案:css计数器是通过设置counter-reset 、counter-increment 两个属性 、及 counter()/counters()一个方法配合after / before 伪类实现。 

  

以上是关于知道css有个content属性吗?有什么作用?有什么应用?可以伪类清除浮动的主要内容,如果未能解决你的问题,请参考以下文章

CSS属性content有什么作用呢?有哪些场景可以用到?

CSS 属性 content 有什么作用? 有什么应用?(琐碎知识点整理)

HTML里的meta标签有啥作用?怎么用?六安市康运有人会这个吗?

05HTML和CSS知识点总结

前端编程 css 我想知道在这里overflow的作用是啥

css中的counter计数器