HTML+CSS+JavaScript

подскажите пожалуйста как правильно поступить
скажем есть

.a { color:#fff; line-height|:30px; margin:20px; width:100px; } .b { color:#fff; line-height|:30px; margin:20px; width:200px; }

разница у классов лишь в ширине
будет ли адекватным поступить так?

.a, .b { color:#fff; line-height|:30px; margin:20px; } .a { width:100px; } .b { width:200px; }

или же браузеру придется дважды искать совпадения?

вариант 2 лучше, не беспокойтесь за браузер