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

Question

[nen0y]

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

пример: https://jsfiddle.net/Lcy0ge6u/

Comments

[Ankhena]

От себя добавлю:
- если стиль блока зависит от его порядка следования в коде, то нужно использовать first- last- или nth-child
- если зависит от содержимого и не зависит от порядка, то нужны дополнительные классы

Answer 1

[Beeetle]

Укажите дополнительные классы к основному: https://codepen.io/semzhukov/pen/PoYvvMx

Answer 2

[Andrew]

надеюсь, наглядно
https://jsfiddle.net/kickerock/orsh5wza/2/

Answer 3

[Темур Бегиев]

Псевдокласс используй

Answer 4

[Сергей Кутузов]

Встроенные стили в каждый блок