Je me suis rendu compte que j'utilise assez souvent ces pseudo-classes, d'où ma question: en 2012, devrais-je m'inquiéter des anciennes versions d'IE et de la façon dont elles rendraient la page ? Bien sûr, j'essaie de les utiliser seulement quand c'est nécessaire, mais ils sont vraiment utiles et je déteste avoir à les éviter à cause de cela.compatibilité cross-browser premier-enfant & dernier-enfant
Répondre
est ici la chose. Au moment où je l'ai écrit la réponse originale:
- YouTube a dropped support for IE6
- timeline won't work in IE7
- de Facebook Microsoft est urging people to use at least IE8 (en raison des utilisateurs de XP).
Ce sont grandes entreprises qui ont de grandes bases d'utilisateurs, et même ils exhortent les gens à se déplacer ou d'obtenir rien (ou au moins obtenir toutes les fonctionnalités de base).
Selon this page by quirksmode, :first-child
est pris en charge dans IE7 +, mais :last-child
n'est pris en charge que dans IE9 +. Ce qui signifie que si vous envisagez d'utiliser ceci, vous devriez vous préparer à oublier complètement l'ancien IE. Cependant, vous pouvez utiliser selectivizr, ce qui vous permet d'utiliser ces styles pour les anciens navigateurs.
Je vais seulement essayer d'utiliser le premier enfant pour l'instant, bien que selon la part de marché du navigateur de février. 2012 IE6 + IE7 seulement 10%, donc je suppose que je ne devrais pas vraiment m'inquiéter. – Andrew
+1 bonne réponse. Je me suis rendu compte que quelque chose de mal avait été fait tout seul. – blackpla9ue
Seul problème avec cette philosophie est lorsque vous essayez de soutenir un site Web où 45% de votre base d'utilisateurs utilise encore IE 7. Dire à vos utilisateurs de mettre à jour leur navigateur est encore pire que de les soutenir. – user1997781
Si elles sont utilisées pour les bonbons pour les yeux, je dirais aller de l'avant et les utiliser. Toutefois, si votre mise en page repose sur eux pour le style et ainsi de suite, je mettrais dans certaines méthodes de repli pour IE < 8.
: premier enfant soutien jusqu'à ce IE7 & ci-dessus.
: dernier-enfant support jusqu'à IE9 & ci-dessus.
& si vous voulez vérifier la compatibilité d'un contrôle de sélection sur ce http://caniuse.com/#search=:first-child
Merci, je suppose que pour l'instant je m'en tiendrai au premier-enfant seulement. – Andrew
Il y a beaucoup de variables à considérer:
- quel site parlez-vous? Portfolio, site gouvernemental, e-commerce?
- Quel est le pourcentage d'utilisateurs d'IE6/7/8 sur ce site (à l'époque où il s'affichait correctement sur ces navigateurs ou sur un site comparable)? La Chine (IE6) ou la Corée (a whole country locked with IE) sont très différentes de l'Estonie ou de la Finlande
- pour quoi utilisez-vous ces pseudo? Eye-candy comme indiqué par BenM ou des choses plus importantes de conception?
- Quels sont les problèmes sur IE6/7? Comment s'affiche-t-il? Il y a des différences entre un site et un texte assez moche mais lisible qui disparaissent sous les images, disparaissent par manque de hasLayout ... complètement illisibles.
- vos clients (si vous êtes un professionnel du Web qui ont des clients) paieront le $/€ supplémentaire pour la compatibilité IE7 et deux fois la facture pour IE6? Les informez-vous même de ce que vous faites (ne faites pas)?
- Si vous utilisez un CMS, à quel point est-il difficile d'ajouter des classes
.first
et.last
le cas échéant? Peut être facile dans vos modèles et un PITA dans les plugins tiers mal codés.Ou il peut être difficile parce que c'est le travail de vos collègues développeurs back-end et ils ne vous écoutera pas ... - ne savez-vous de sélecteur tours comme
p + p
(ou mieux:p ~ p
) pour sélectionner tous lesp
sauf le premier. Il peut être un remplacement utile pour:first-child
dans certains cas
- 1. Javascript Crossbrowser
- 2. Crossbrowser onMouseenter
- 3. Crossbrowser "inArray" fonction (sans jQuery)
- 4. Crossbrowser Documentation JavaScript + DOM
- 5. crossbrowser unresizable textarea
- 6. Crossbrowser Javascript Listener
- 7. Bibliothèque de graphiques de Crossbrowser
- 8. Crossbrowser ajout/suppression MediaElementJS vidéos
- 9. monde merveilleux de crossbrowser css
- 10. comment utiliser parent Selecltor css3 crossbrowser
- 11. Comment supprimer un objet dans Javascript crossbrowser
- 12. crossbrowser de transparence d'arrière-plan en particulier
- 13. test de la plate-forme Crossbrowser
- 14. compatibilité binaire vs compatibilité arrière
- 15. Crossbrowser horizontal et verticall dérouler des événements en javascript
- 16. CSS3 Crossbrowser Gradient Arrière-plan avec rgb/rgba et fallbacks
- 17. Equivalent de l'objet crossbrowser du paramètre d'événement explicitOriginalTarget
- 18. Syntaxe IE9 sur jquery crossbrowser avec jsonp et FF, Chrome
- 19. Filtre de luminosité Crossbrowser sur img en utilisant css
- 20. silverlight compatibilité
- 21. Compatibilité iPad
- 22. Compatibilité DataContractJsonSerializer
- 23. Compatibilité Firefox
- 24. Compatibilité NServiceBus
- 25. Compatibilité gzip
- 26. javascript compatibilité
- 27. compatibilité match_parent
- 28. compatibilité IE9
- 29. Compatibilité HTML5
- 30. Flux de travail de compatibilité de compatibilité dans Mercurial
http://www.quirksmode.org/css/contents.html – Petah