css - 如何同时使用@media screen 和@-moz-document？

Question

我将如何使用@media screen和@-moz-document规则一起。尝试设置仅在 Firefox 中以特定宽度查看的规则。

Answer 1

尝试这个

@media screen and (min-width : 500px){

    div { color: green; } // div color green default

    @-moz-document regexp('http:.*'){
        div { color:red; } // red in FF/Gecko
    }
}

演示和更多在这里。