Каков порядок приоритета для CSS? ⇐ Html

[Anonymous]

Я пытаюсь выяснить, почему один из моих классов CSS, кажется, переопределяет другой (а не наоборот)?

Код: Выделить всё

.smallbox {
background-color: white;
height: 75px;
width: 150px;
font-size: 20px;
box-shadow: 0 0 10px #ccc;
font-family: inherit;
}

.smallbox-paysummary {
@extend .smallbox;
font-size: 10px;
}
< /code>
И, в моем представлении, я звоню: < /p>
...

шрифт (элемент перекрытия) отображается как 10px вместо 20px - может ли кто -нибудь объяснить, почему это так?


Подробнее здесь: https://stackoverflow.com/questions/251 ... ce-for-css