Можно переписать мой простой код CSS, чтобы он был лучше

Question

Я пытаюсь немного узнать, как переписать свой CSS код. Я думаю, что застрял на некоторых старых радостях, которые у меня есть. Так можно ли написать этот CSS код лучше, чем этот?

<style>
.result-cols ul.items li.add-item .item {
    padding: 0px 0px 10px 0px;
}
.result-cols ul.items li.add-item {
    width: 15%;
}
.result-cols ul.items li.add-item .desc:after {
    background: none;
}
.result-cols ul.items li.add-item .desc {
    height: 30px !important;
}
.result-cols ul.items li.add-item a.button-add {
    display:none;
</style>

С уважением

Answer 1

Все ваши правила стиля начинаются одинаково, с .result-cols ul.items li.add-item. Если у вас не будет элементов с классом add-item в другом месте страницы, вы можете просто удалить .result-cols ul.items li и начать свои правила с .add-item