Na aula, foi apresentado o uso de prefixos (-webkit-, -ms-, -os-) para utilizar funcionalidades ainda em BETA nos navegadores. Tendo como base desta dúvida a utilização da propriedade border-radius, foi apresentado duas declarações diferentes para a propriedade:
border-radius: rx rx rx rx
/ ry ry ry ry; /*suportado somente pelo Chrome*/
border-radius: r r r r; /*suportado somente pelo Firefox*/Para solucionar, foram criados os prefixos:
-webkit-border-radius: 10px; /*prefixo no Chrome e Safari*/
-moz-border-radius: 10px; /*prefixo no Firefox*/
border-radius: 10px; /*future proof*/Eu não entendi ainda a vantagem de usar prefixo. Eu não poderia declarar simplismente duas vezes a propriedade utilizando o suporte de cada navegador, como segue abaixo?
border-radius: rx rx rx rx
/ ry ry ry ry; /*suportado somente pelo Chrome*/
border-radius: r r r r; /*suportado somente pelo Firefox*/Porque, assim como utilizado no prefixo, caso o navegador não reconhecesse, iria descartar o CSS. Não entendi ao certo o objetivo do instrutor ao apresentar o uso de prefixo.
