scss 自定义订单列表字体

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了scss 自定义订单列表字体相关的知识,希望对你有一定的参考价值。

ol {
  margin: 1.44em 0 1.44em 0;
  padding: 0;
  counter-reset: item;
  li {
    margin: 0 0 10px 0;
    padding: 0 0 0 0;
    list-style-type: none;
    counter-increment: item;
    &:last-of-type {
      margin: 0 0 0 0;
    }

    &:before {
      display:inline-block;
      content:counter(item) ".";
      margin-right: 5px;
    }
  }
}

以上是关于scss 自定义订单列表字体的主要内容,如果未能解决你的问题,请参考以下文章

scss 字体自定义引入

如何在 Rails 6 和 Webpacker(以及引导程序和 SASS/SCSS)中安装自定义字体

scss 自定义列表css

scss 列表项上的自定义项目符号

Tailwind/CSS 使用自定义字体

ionic4 添加自定义字体图标