css - @mediascreenと@-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
    }
}

デモなどはこちら。