写在前面 与 Sass 一样,Stylus 是一门优秀的 CSS 预编译语音:富有表现力,动态,强大的CSS; 在使用 Stylus 写下面这个效果的时候,需要用到随机数,可是我翻阅了 Stylus 的文档,却没有发现可用的函数。 翻阅 Stylus 的文旦,发现 Stylus 里面支持 JavaScript API,当有一些事情无法使用 Stylus 完成的时候,就在 JavaScript 中定义它。所以我们使用 .define(name, fn) 在 Stylus 上定义一个 random 函数。 一、如果你是直接引入的 Stylus 来编译 直接给 Stylus 扩展一个 random 函数 var stylus = require ( 'stylus' ) // 给stylus扩展一个random函数 style.define( 'random' , function ( min, max ) { if (min === undefined || max === undefined ) { return Math .random() } return Math .floor( Math .random() * ( Number (max) - Number (min) + 1 )) + Number (min) }) // 执行你的其他操作 复制代码 二