кросс-браузерная совместимость между первыми и последними детьми - PullRequest
Новая
       10

кросс-браузерная совместимость между первыми и последними детьми

3 голосов
/ 04 марта 2012

Я понял, что использую эти псевдоклассы довольно часто, поэтому у меня возник вопрос: в 2012 году я должен беспокоиться о старых версиях IE и о том, как они будут отображать страницу? Конечно, я стараюсь использовать их только тогда, когда это необходимо, но они действительно полезны, и я не хотел бы избегать их из-за этого.

Ответы [ 4 ]

11 голосов
/ 04 марта 2012

Вот в чем дело. В то время я написал оригинальный ответ:

Это крупные компании, которые имеют большие базы пользователей , и даже они призывают людей двигаться или ничего не получать (или, по крайней мере, получить базовую функциональность).

Согласно этой странице по quirksmode , :first-child поддерживается в IE7 +, но :last-child поддерживается только в IE9 +. Это означает, что если вы планируете использовать это, вы должны быть готовы полностью забыть старый IE.

Однако вы можете использовать selectivizr , что дает вам возможность использовать эти стили для старых браузеров.

4 голосов
/ 04 марта 2012

Если бы они использовались для глазных конфет, я бы сказал, продолжайте и используйте их.Однако, если ваш макет использует их для стилизации и т. Д., Я бы добавил несколько резервных методов для IE <8. </p>

1 голос
/ 04 марта 2012

: поддержка первого ребенка до IE7 и выше.

: поддержка последнего ребенка до IE9 и выше.

& если выхотите проверить совместимость любого выбора селектора на этом http://caniuse.com/#search=:first-child

0 голосов
/ 04 марта 2012

Есть много переменных для рассмотрения:

  • о каком сайте вы говорите? Портфолио, правительственный сайт, электронная коммерция?
  • Каков процент пользователей IE6 / 7/8 на этом сайте (назад, когда он правильно отображается в этих браузерах или на сопоставимом сайте, который это делает)? Китай (IE6) или Корея ( целая страна, заблокированная IE ) сильно отличается от Эстонии или Финляндии
  • для чего вы используете эти псевдо? Eye-candy как заявлено BenM или более важные дизайнерские вещи?
  • Какие проблемы в IE6 / 7? Как это отображается? Есть различия между довольно некрасивым, но читаемым сайтом и текстом, который попадает под изображения, исчезает из-за отсутствия hasLayout ... полностью нечитаем.
  • Будут ли ваши клиенты (если вы веб-профессионал, у которых есть клиенты) платить дополнительные $ / € за совместимость с IE7 и в два раза больше за IE6? Вы даже сообщаете им о том, что вы (не) делаете?
  • если вы используете CMS, насколько сложно добавить .first и .last классы, где это необходимо? Может быть легко в ваших шаблонах и PITA в плохо закодированных сторонних плагинах. Или это может быть сложно, потому что это работа ваших коллег-разработчиков, и они не будут вас слушать ...
  • знаете ли вы о селекторе трюки , например p + p (или лучше: p ~ p) для выбора каждого p, кроме первого. Это может быть полезной заменой :first-child, в некоторых случаях
...