虽然目前项目符号支持的关键字值接近上百个,但是还是不能满足日常开发的需求,在这种情况下,@counter-style 出现了,可以让我们自定义计数规则。
文章关键字 ‘CSS计数器’
小tips: 如何借助content属性显示CSS var变量值
2019年05月28日,星期二借助CSS计数器,我们可以巧妙地实现CSS var变量值在页面中呈现的效果。这是一个所有CSS开发人员都必须要掌握的一个小技巧。
CSS之before, after伪元素特性表现两则
2015年04月19日,星期日伪元素之所以称之为“伪元素”一定是有其原因的,本文就举两个特征例子,展示下伪元素跟普通元素,到底有哪些不一样的地方。
依然,有Demo、有截图,有源代码展示。总之,希望本文的内容能够对您的学习有所帮助。
小tip:CSS计数器+伪类实现数值动态计算与呈现
2014年12月7日,星期日内容如题,重在展示,以及开拓眼界,拓宽思路。与通常该调调的文章类似,有demo,有源代码展示,还有必要的截图。总之,希望本文的内容能够对您的学习有所帮助。
CSS counter计数器(content目录序号自动递增)详解
2014年08月26日,星期二CSS计数器不是什么新鲜玩意了,早在10年春暖花开的时候,我写的“CSS content内容生成技术以及应用”一文就要提到,不过当时是作为其中一员介绍。就像例行的溜新同事一样,虽然黑如焦炭的我在自我介绍的时候给新同事留下了深刻印象,但由于介绍的同事茫茫多,我只是其中一员。很自然,个把月之后,我就会被无情的淡忘,除了那依稀的面庞,因为毕竟长得还算比较抽象。
然而,CSS计数器的斗量显然不是短短几句介绍能够显露的,所谓人不可貌相。今天,就大肆笔墨,好好地全面地介绍了下CSS计数器,确实有很多知识点,确实有很多不太好理解的地方,确实有很多会踩坑的地方,果然深不可测。不过,本文有着详实的文字,丰富的截图,完全的demo,必要的源代码展示。相信本文的内容会对你的学习有所帮助的!