尝试验证时此 CSS 有什么问题？

Question

当我验证 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 有什么问题吗？

Answer 1

.srow {
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
}

.srow > * {
    flex: 1;
}

.aside {
    flex: 0 25%;
}

@media (max-width: 500px) {
    .aside {
        flex: 0 100%;
    }
}