Почему CSS Flex-Shrink не будет работать из файла CSS, но работает нормально? ⇐ Html

[Anonymous]

В этом коде я попытался использовать #7 {flex-shrink: 5;} . Но это не сработало. Затем я использую Inline CSS -код для 7 -го Div Child. Тогда это сработало. Пожалуйста, объясните мне, почему это не сработало. < /P>

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

.container-1 > div {
height: 100px;
width: 100px;
background-color: rgb(50,50,50);
margin: 10px;
justify-content: center;
display: flex;
align-items: center;
color: white;
font-size: 35px;
}

#7 {
flex-shrink: 4;
}< /code>

1
2
3
4
5
6
7

Подробнее здесь: https://stackoverflow.com/questions/755 ... ine-inline