Woocommerce自定义开始评分

Question

由于我几乎定制了woocommerce的每个模板，因此我决定禁用woocommerce样式表。现在，我正在尝试设置星级以匹配woocommerce默认设置。 给默认表单标记赋予样式，以使其与woocommerce默认设置相匹配？

f(x),g(x),h(x)

/*sass styles*/
.stars{
    a{
        position: relative;
        height: 1em;
        width: 1em;
        text-indent: -999em;
        display: inline-block;
        text-decoration: none;
        &::before{
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 1em;
            height: 1em;
            line-height: 1;
            font-family: WooCommerce;
            content: '\e021';
            text-indent: 0;
            color: $main-color;
        }
        &:hover{
            &::before{
                content: '\e020';
            }
        }
        &.selected{
            &::before{
                content: '\e020';
            }
        }
        &.active{
            &::before{
                content: '\e020';
            }
        }
    }
  }