本文以一个简单代码实战来学习一下CSS3中变量的使用,以及var()函数的应用。同时,结合JS代码实现了动态设置CSS的变量,更接近平时实际的代码开发。 阅读全文
耗费一周的碎片时间,终于把 CSS3 动画 animation 相关属性“啃”了一遍。 阅读全文
在前端开发项目中,遇到根据奇偶规则设置样式的场景,通常会用过:nth-child 或者:nth-of-type 来实现,但偶尔会遇到不生效或达不到预期的效果。本文将以通过实例代码详细介绍二者的使用方法及区别,希望对大家的学习和工作有所帮助。 阅读全文
在日常前端开发工作中,总有最后一个同类元素进行特殊的样式处理需求。我们一般会用到 CSS 伪类:last-child 或:last-of-type,但有时会遇到不起作用的效果,基于此,本文通过示例代码详细介绍二者的区别,希望对大家的学习和工作有所帮助。 阅读全文