Html scss嵌套与语法和嵌套保持一致

我正在尝试学习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%;
}

---

对于最佳实践，请将常用样式删除到占位符中，并将其扩展

%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;
}

---

所以这不是一个代码优化器/linter服务。谢谢kiran，我永远不会得到这个。。。。