Css свойства нескольких блоков

[Ser8191]

Прошу прощения за, может быть, глупый вопрос:

https://jsfiddle.net/Ser8191/h86vtx6h/

Имеется три блока с одинаковыми свойствами,разное лишь:

margin: 10px 0 0 10px;
background-image:url(prib1.jpg);

Как сделать так, чтобы один раз прописать:

width:35px;height:50px;
background-position: 50% 50%;
background-repeat:no-repeat;
border: 1px dotted #5698C9;
position: absolute;

для всех блоков

 

 

 

https://jsfiddle.net/Ser8191/d0g7kr5e/

Так будет правильно?

Edited May 30, 2017 by Ser8191

[Svetlana_P]

Если говорить только про одинаковые свойства, я бы так сделала https://jsfiddle.net/Benedetta/d0g7kr5e/2/ Вынесла одинаковые стили в общий класс и добавила специфические для каждого блока отдельными классами.

Но в целом, я бы не стала здесь использовать абсолютное позиционирование (зачем?). Тогда margin не пришлось бы писать свой для каждого блока.

И еще я бы посоветовала упорядочивать свойства по какому-нибудь правилу. Вот тут хорошие советы по форматированию CSS https://learn.javascript.ru/css-format

[Schamil74]

Еще маргины можно вынести в общий класс

Плохая практика стилизовать по #

http://forum.academy/t/pochemu-chashhe-class-chem-id/5014

 

Edited May 30, 2017 by Schamil74

[Ser8191]

Спасибо