Css 当多个ID具有相同的代码时，编写更少代码的正确方法是什么？

我正在尝试将css转换为更少的代码在我的项目

我有以下代码：

#broker_upload_doc .broker_personal_form .well,
#broker_upload_agr .broker_personal_form .well {
    padding: 2em 2em 0 2em;
}

现在，如果我将其转换为更少，它将变成：

#broker_upload_doc {
    .broker_personal_form {
        .well {
            padding: 2em 2em 0 2em;
        }
    }
}
#broker_upload_agr {
    .broker_personal_form {
        .well {
            padding: 2em 2em 0 2em;
        }
    }
}

---

现在我的问题是，当我在多个ID下有相同的代码时，这是转换此代码的唯一方法还是其他方法？我似乎在用更少的代码编写更多的代码，而不是使用css。

理想情况下，带有ID的元素将共享一个公共类，如

.broker\u upload

。因此，它可以有效地组织HTML，与CSS/less的关系更小。然后您可以这样做：

.broker\u上传{
.经纪(个人)表格{
.嗯{
填充：2米2米0 2米；
}
}
}

而fwiw，您当然仍然可以这样做（尽管看起来很明显）：

经纪人上传文件，
#经纪人上传agr{
.经纪(个人)表格{
.嗯{
填充：2米2米0 2米；
}
}
}

（另一方面，Sass有一个指令，可以让你用另一种方式来做。但是afaik Less缺少这个功能。）