[Résolu] Une propriété, deux règles identiques

Bonjour,
Je suis en train de mettre les mains dans la feuille de style d'un child-theme wordpress.
Certaines propriétés possèdent deux règles "similaires" :

.sidebar .widget {
	background-color: #0579fb;
	border-radius: 3px;
	margin-bottom: 40px;
	margin-bottom: 4rem;
	padding: 40px;
	padding: 2rem 1rem;
}

Ici, margin-bottom et padding sont indiqués en px et en rem. Connaissez vous en la raison?

Merci
Modifié par lodemars (20 May 2014 - 10:38)

Bonjour,

C’est simplement dans un souci de compatibilité, l’unité rem ayant pour principal inconvnient de ne pas être reconnue par IE8 (entre autres). La première valeur en px est alors appliquée à défaut.

Voici un tableau de compatibilité.

Bonne continuation

Ok merci. Tout s'explique.

On appelle ça un fallback, vous en entendrez souvent parler...