覆盖外部较少样式元素

Question

我有一个angularjs npm项目，它使用许多外部库来渲染前端的各种元素。

样式被定义到外部库.less或.css文件中。

我的项目正在使用许多不同的.less文件，这些文件将在构建过程结束时合并为一个大的.css。

我无法直接更改或操作外部库，我想要做的是扩展并在某些情况下覆盖外部库元素，使用相同的元素名称，因为它们来自extern lib但是使用我的本地更改进行了修改，如下：

外部图书馆.css

.squeezebox .sb-item {
    border-bottom: 1px solid #E0E0E0;
    overflow: hidden;
    padding: 10px 0;
}

.squeezebox .sb-item-head a {
    color: #000000;
    cursor: pointer;
    display: block;
}

.squeezebox .sb-item .sb-item-body {
    height: 0;
    overflow: hidden;
    transition: 0.5s height;
}

.squeezebox .sb-item .sb-item-body .inner {
    padding: 10px 0 0 0;
}

我的本​​地.less文件：

&override(.squeezebox .sb-item .sb-item-body .inner) {
    padding: 0 0 0 0 !important;
}

或者：

&extend(.squeezebox .sb-item .sb-item-body .inner) {
    padding-top: 0px !important;
}

获得此项的最佳做法是什么？