L’ordre des déclarations CSS spécifiques au fournisseur est-il important ?

L'importance de commander des déclarations CSS spécifiques au fournisseur

Question :

Lors de l'écriture de déclarations CSS avec des préfixes spécifiques au fournisseur , l'ordre de ces déclarations est-il important ? Plus précisément, la déclaration standard du W3C doit-elle être placée en premier ou en dernier ?

Réponse :

Les meilleures pratiques exigent que la déclaration standard du W3C sans préfixe soit placée en dernier dans la liste :

.foo {
    -moz-border-radius: 10px;    /* Mozilla */
    -webkit-border-radius: 10px; /* Webkit */
    border-radius: 10px;         /* W3C */
}

Justification :

L'ordre des déclarations spécifiques au fournisseur est crucial car les navigateurs appliquent les règles CSS dans l'ordre dans lequel elles sont répertoriées. Par exemple, si la déclaration du W3C était placée en premier, elle serait remplacée par les déclarations spécifiques au navigateur.

La propriété -webkit-border-radius est considérée comme expérimentale, autorisant des écarts par rapport à la spécification. En revanche, la propriété border-radius doit respecter strictement la spécification.

En plaçant la déclaration W3C sans préfixe en dernier, vous vous assurez que :

• Elle a priorité sur le fournisseur -déclarations spécifiques lorsque cela est possible.
• La cohérence du navigateur est maintenue, garantissant que la propriété se comporte de manière uniforme dans tous les navigateurs qui la prennent en charge.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!