Warum sollte CSS Flex-Shrink nicht von einer CSS-Datei aus funktionieren, sondern in einer guten Inline-Funktion? ⇐ HTML

[Anonymous]

In diesem Code habe ich versucht, die #7 {flex-shrink: 5;} zu verwenden. Aber es hat nicht funktioniert. Dann verwende ich den Inline -CSS -Code für das 7. Div -Kind. Dann hat es funktioniert. Bitte erklären Sie mir, warum es nicht funktioniert hat.

Code: Select all

.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