Перекрытие стилей модификатором?

Question

[Григорий Дикий]

Здравствуйте, как можно реализовать перекрытие стилей. К примеру нам нужен следующий HTML:
<div class="block block--mod"></div>

.block {
    display: none;
    position: fixed;
    top: 5%;
    height: 90%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 960px;
}
.block--mod {
    height: 250px;
    width: 550px;
    top: 50%;
}

Как сделать так, чтобы свойства модификатора перекрывали свойства самого блока ?

Comments

[Сергей delphinpro]

А разве не перекрывают?

[Григорий Дикий]

Сергей: Нет, моя вина, у меня модификатор стоял до стилей основного блока

Answer 1

[Кирилл Туровников]

Ели стили модификатора идут после основных стилей блока, то должны переопределяться, либо используйте селектор .block.block--mod