Как выровнять элемент по центру если у него есть наследуемые стили?

Question

[letmesp]

https://jsfiddle.net/pgr7evfh/4/ Мой код выглядит так

Для всех прямых потомков указаны стили, но я хочу для конкретного изменить. Я накидал 2 варианта рабочих (еще можно с флексами), при условии, что разметку менять нельзя. Можно ли как-то еще сделать это? Прямое обращение по классу не работает.

Comments

[Антон Литвиненко]

усилить селектор или дописать important

[letmesp]

Антон Литвиненко, Через импортант понятно, а усилить как?

[Антон Литвиненко]

letmesp,
body .block-2

[letmesp]

Антон Литвиненко, Можно пояснялку или ссылку где почитать про это, почему это работает?

[Антон Литвиненко]

letmesp, Это основы Каскадных Таблиц Стилей
https://idg.net.ua/blog/uchebnik-css/azy-css/kaskadnost

Answer 1

[Юрий]

Ну так поменяйте селектор с .block-2 на .blocks .block-2

Comments

[letmesp]

А почему это работает? Можно маленько пояснений?

[Юрий]

Специфичность. Это вообще основа всего CSS.

[letmesp]

Юрий, Спасибо

Answer 2

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

А прямое включение? Атрибут style прямо в тег.

Comments

[letmesp]

Разметку менять нельзя

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

Может это поможет shpargalkablog.ru/2015/06/inherit-initial-unset-cs...