Почему не перезаписывается свойство описанное ниже?

Question

[Snewer]

Здравствуйте!
Почему свойство, описанное ниже не перезаписывает свойство описанное выше?


Html:

<div class="block">
                    <div class="content text-center">
                        <p>123</p>
                    </div>
                </div>

Answer 1

[Ankhena]

Потому что кроме "ниже", у селекторов есть специфичность htmlbook.ru/samcss/kaskadirovanie

Answer 2

[NikVlasov]

У селекторов есть определенный приоритет
У .text-center приоритет намного ниже, чем у первого селектора
https://webref.ru/course/css-basics/priority

Answer 3

[Froggyweb]

Не стоит делать такие каскады с каждой страницей перебить их будет все труднее. Я уже молчу про поддержку