当我验证 CSS 时,以下内容会触发解析错误:
.srow {
display: flex;
flex-wrap: wrap;
gap: 1em;
* {
flex: 1;
}
}
.aside {
flex: 0 25%;
@media (max-width: 500px) {
flex: 0 100%;
}
}
如果我删除 .gap 和 @media 块,则不会出现错误。 CSS 有什么问题吗?
.srow {
display: flex;
flex-wrap: wrap;
gap: 1em;
}
.srow > * {
flex: 1;
}
.aside {
flex: 0 25%;
}
@media (max-width: 500px) {
.aside {
flex: 0 100%;
}
}