导航  导航

css伪元素content中如何使用css变量?

作者: 挺帅
发表于:
更新于:

css变量很香,但是无法直接在伪元素content属性中使用。例如:

div:before{
  --num:50;
  content:var(--num)
}


这样使用是一点作用都没有的,所以,只能借助外力——counter,正确用法:

div:before{
  --num:50;
  counter-reset:num var(--num);
  content:counter(num)
}
如果觉得文章还不错,或者对你有帮助的话,那就点个赞呗! 点赞0
向右滑动

全部评论(0)