let $content =document.querySelector('.content');
let initNumber = 0;for(let i = 0;i< 30; ++i) {
  let lefts = (Math.floor(Math.random()*5+12));
  let delay = (Math.floor(Math.random() * 50 + 2));
  initNumber += lefts;
  let ele = document.createElement('div');
  ele.className = 'yudi';
  ele.setAttribute("style",`left:${initNumber}%; top: ${lefts}%; animation-delay: ${delay/10}s`);
  console.log(ele);$content.append(ele);
}


没有使用jquery,原生实现的红包雨

document.styleSheets  获取样式表

style.insertRule  往样式表里面注入规则