scss 嵌套受制于语法和嵌套

Question

我正在努力学习 Sass - 有人可以帮助我将以下内容转换为 scss，我完全不知道如何嵌套这个吗？ 是否可以整理代码？我试了几个组合都不行，我也看了文档也没用

ul.related li, .sidebar p {
  border-bottom: 1px solid #999;
  color: #07A;
  font-size: 0.92em;
  margin-top: 0.4em;
  text-align: center;

}

ul.related li:last-child {
  border-bottom: none;
}


.sidebar p {
  border-bottom: none;
}



ul.related {
  width: 100%;
}

Answer 1

为了获得最佳实践，请将常用样式删除到占位符中并对其进行扩展。

%commonstyle {
    border-bottom: 1px solid #999;
    color: #07A;
    font-size: 0.92em;
    margin-top: 0.4em;
    text-align: center;
}

ul.related {
    width: 100%;
    li {
        @extend %commonstyle;
        &:last-child {
            border-bottom: none;
        }
    }
}
.sidebar p {
    @extend %commonstyle;
    border-bottom: none;
}