Может кто-то подтвердить, что я делаю это браузер Specific CSS правой

Question

у меня в CSS этот класс:

.middleContent { overflow: hidden; display:inline-block; } 

Это работы в И.Е. но не в FF или Chrome, поэтому я написал это и просто хотел сделать проверку на работоспособность здесь, потому что я не уверен, как написать это и, возможно, потребуется направление.

Чтобы оставить работу в I.E. Я оставил эту строку:

.middleContent { overflow: hidden; display:inline-block; } 

Так что для Firefox и Chrome добавить следующие строки, как это:

Для Firefox:

@-moz-document url-prefix() { 
    .middleContent { overflow: hidden; } 
} 

Для Chrome:

@media screen and (-webkit-min-device-pixel-ratio:0) { 
.middleContent { overflow: hidden; } 
} 

Tha nks за любую помощь или совет по этому поводу.

Answer 1

Да, вы в порядке. Для Целевой Chrome:

@media screen and (-webkit-min-device-pixel-ratio:0) { 
div{top:0;} 
} 

Для Target любой Firefox:

@-moz-document url-prefix() { 
     .selector { 
     color:lime; 
     } 
    }