@ -moz-document i @media razem

Question

Jak mogę połączyć powyższe prefiksy? To nie działa:

@media screen and (max-width: 991px) and (min-width: 768px) { 

    @-moz-document url-prefix() { 
    .navbar-default .navbar-brand {margin-left:30%;} 
    } 
} 

I @media wewnątrz @-moz-document url-prefix() również deosn't praca.

Answer 1

To działa dobrze dla mnie za pomocą @-moz-document w pierwszym i @media zapytanie Wewnątrz:

@-moz-document url-prefix() { 
    @media screen and (max-width: 991px) and (min-width: 768px) { 
     .navbar-default .navbar-brand {margin-left:30%;} 
    } 
} 

Demo: JSFiddle

Answer 2

Każdy pseudo-element musi być ważny w regule, inaczej cała reguła jest opuszczony.

Patrz: https://developer.mozilla.org/en-US/docs/Web/CSS/@document i http://www.w3.org/TR/css3-syntax/#rule-sets