IE8 Étouffement sur CSS3 - Eviter de ne pas lire le reste du fichier - css, internet-explorer, css3

J'ai le css suivant:

.mcRow input.mcCheckbox {
display:none;
}

.mcRow input.mcCheckbox + label {
background: url("/media/img/pt/dhtml/mc_off.gif") no-repeat;
height: 19px;
width: 19px;
display:inline-block;
padding: 0px;
padding-left: 20px;
width: auto;
}

.mcRow input.mcCheckbox:checked + label {
background: url("/media/img/pt/dhtml/mc_on.gif") no-repeat;
}​

.mcRow input.mcCheckbox.checked + label {
background: url("/media/img/pt/dhtml/mc_on.gif") no-repeat;
}​

Comme IE8 ne fonctionne pas bien avec CSS3, j’aiinclus une classe .checked de sauvegarde qui a été basculée avec jQuery. Je veux que mes cases personnalisées s’affiche même si JS est cassé. C’est pourquoi je souhaite que le pseudo-sélecteur: selected soit inclus dans CSS3.

L’ordre ci-dessus ne fonctionne pas bien dans IE 8. Il semble qu’il ignore tout après l’instruction: checked.

.mcRow input.mcCheckbox + label {
background: url("/media/img/pt/dhtml/mc_off.gif") no-repeat;
height: 19px;
width: 19px;
display:inline-block;
padding: 0px;
padding-left: 20px;
width: auto;
}

.mcRow input.mcCheckbox.checked + label {
background: url("/media/img/pt/dhtml/mc_on.gif") no-repeat;
}
​
.mcRow input.mcCheckbox:checked + label {
background: url("/media/img/pt/dhtml/mc_on.gif") no-repeat;
}​

fonctionne très bien. "J'ai peur d'ajouter ceci à un fichier et à quelqu'un d'ajouter d'autres CSS après cette déclaration, sachant qu'aucune d'entre elles ne sera lue dans IE8. :( Que dois-je faire?

Réponses:

Eh bien, vous pouvez bien sûr simplement insérer un commentaire dans le CSS.

Cependant, une meilleure méthode peut être simplement d'utiliser des commentaires conditionnels d'IE pour ne pas inclure ce code dans IE <9.