Некоторые стили CSS «дороже», чем другие?

Представьте, что у меня есть такая настройка:

<div class="dialog">
    <div class="toolbar first">Bla</div>
    <div class="toolbar">Yada</div>
</div>

и это определение стиля:

.toolbar { background-color: red; }

Мне действительно нужна небольшая двухпиксельная граница между двумя "панелями инструментов", поэтому я см. 2 общие возможности,

1) добавить цвет фона к div "dialog" и поле к первой "панели инструментов":

.dialog { background-color: #fff }
.toolbar.first { margin-bottom: 2px; }

2) добавить границу 2px к первой панели инструментов:

.toolbar.first { border-bottom: 2px solid #fff }

Есть ли разница в "стоимости" рендеринга / нанесения? Что более желательно в этой степени?

Я знаю, что это очень маленький пример, и он может не иметь никакого значения, но представьте себе страницу с десятками этих диалогов (диалогов?).