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

2021-06-21 09:02

阅读：583

标签：清除浮动 span bsp 伪元素 highlight 问题 counter 浮动常见

知道。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属性吗？有什么作用？有什么应用？可以伪类清除浮动

标签：清除浮动 span bsp 伪元素 highlight 问题 counter 浮动常见

原文地址：http://www.cnblogs.com/wade1220/p/7182769.html

上一篇：关于多端开发中遇到的一点线程问题

下一篇：关于css3里的transition和animation

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：知道css有个content属性吗？有什么作用？有什么应用？可以伪类清除浮动
文章链接：http://soscw.com/index.php/essay/96823.html

亲，登录后才可以留言！

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

评论

热门文章

推荐文章

最新文章

置顶文章