2012-03-04 6 views
3

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

+0

http://www.quirksmode.org/css/contents.html – Petah

Répondre

11

est ici la chose. Au moment où je l'ai écrit la réponse originale:

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.

+0

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

+0

+1 bonne réponse. Je me suis rendu compte que quelque chose de mal avait été fait tout seul. – blackpla9ue

+0

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

4

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.

+0

Bon point, merci :) – Andrew

+0

Pas de problème. :-) – BenM

1

: 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

+0

Merci, je suppose que pour l'instant je m'en tiendrai au premier-enfant seulement. – Andrew

0

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 les p sauf le premier. Il peut être un remplacement utile pour :first-child dans certains cas