css - Second @media query triggers error

Question

I can't figure out where there's an error in the following CSS:

@media all and (min-width: 570px) and (max-width: 970px) {
    .contain {
        padding: 0 0 0;
    }

    .two {
        display: none;
        width: 0;
        margin-right: 0;
    }

    .two .tube {
        padding: 0 0 0;
    }

    nav#primary .contain {
        padding: 0 240px 0 0;
        margin: 0 auto;
    }

    nav#primary .contain .two {
        display: inherit;
        width: 240px;
        margin-right: -240px;
    }
}

/*
 *  Keep headers in proportion
 */

@media all and (min-width: 971px) and (max-width: 1060) {
    header#mast h1 {
        font-size: 3.2em;
    }
}

The first @media query works, the second @media block is ignored. The W3C CSS Validator complaints that "only 0 can be a length. You must put a unit after your number ) { header#mast h1 { font-size: 1em; } }".

Am I missing something really obvious?

Answer 1

HTML 在哪里？

好吧...这是您所写内容的一个版本，其中没有所有不必要或多余的部分。但是没有 HTML，我无法对其进行测试。

@media (min-width: 570px) { /* =========START=== */

    .contain {
        padding: 0;
    }

    .two {
        display: none;
        width: 0;
        margin-right: 0;
    }

    .two .tube {
        padding: 0;
    }

    .primary .contain {
        padding: 0 240px 0 0;
        margin: 0 auto;
    }

    .primary .contain .two {
        width: 240px;
        margin-right: -240px;
    }

} /* =====================================END=== */



@media (min-width: 971px) { /* =========START=== */

    .mast h1 {
        font-size: 3.2em;
    }

} /* =====================================END=== */