Я понял, что я часто использую эти псевдоклассы, поэтому мой вопрос: в 2012 году я должен беспокоиться о более старых версиях IE и способах отображения страницы ? Конечно, я стараюсь использовать их только тогда, когда это необходимо, но они действительно полезны, и я бы не хотел, чтобы их избегали из-за этого.Совместимость с первичным и последним кросс-браузером
ответ
Вот вещь. В то время я написал оригинальный ответ:
- YouTube имеет dropped support for IE6
- Timeline facebook в won't work in IE7
- Microsoft İŞ urging people to use at least IE8 (из-за для XP пользователей).
Это крупные компании, которые имеют большие базы пользователей, и даже они призывают людей двигаться или не получают ничего (или, по крайней мере, получить базовую функциональность).
Согласно this page by quirksmode, :first-child
поддерживается в IE7 +, но :last-child
поддерживается только в IE9 +. Это означает, что если вы планируете использовать это, вы должны быть готовы забыть старый IE.
Однако вы можете использовать selectivizr, который дает вам рычаги, чтобы эти стили работали для старых браузеров.
Пока я буду использовать только первенство, хотя, по словам обозревателя, доля рынка от feb. 2012 IE6 + IE7 составляют только 10%, поэтому я думаю, я не должен волноваться. – Andrew
+1 отличный ответ. заставил меня понять, что-то не так, как в одиночку. – blackpla9ue
Только проблема с этой философией заключается в том, что вы пытаетесь поддерживать веб-сайт, на котором 45% вашей пользовательской базы все еще использует IE 7. Говорить пользователям об обновлении браузера еще хуже, чем их поддержка. – user1997781
: первый-ребенок поддержки до IE7 & выше.
: последний ребенок поддержка до IE9 & выше.
&, если вы хотите, чтобы проверить совместимость любой проверки селектора на этом http://caniuse.com/#search=:first-child
Спасибо, я думаю, сейчас я буду придерживаться только первого ребенка. – Andrew
Есть много переменных, чтобы рассмотреть следующие вопросы:
- , какой сайт вы говорите? Портфолио, правительственный сайт, электронная коммерция?
- Какой процент пользователей IE6/7/8 на этом сайте (назад, когда он правильно отображается в этих браузерах или на сопоставимом сайте)? Китай (IE6) или Корея (a whole country locked with IE) сильно отличаются от Эстонии или Финляндии
- что вы используете для этого псевдо? Глаз-конфеты, как заявлено BenM или более важные дизайнерские вещи?
- В чем проблема с IE6/7? Как он отображается? Существуют различия между довольно уродливым, но читаемым сайтом и текстом, которые попадают под изображения, исчезают из-за отсутствия hasLayout ... совершенно нечитабельно.
- Ваши клиенты (если у вас есть веб-профессионал, у которых есть клиенты) платят дополнительные $/€ за совместимость с IE7 и дважды счет за IE6? Вы даже сообщаете им о том, что вы делаете?
- Если вы используете CMS, как сложно добавить
.first
и.last
классы, где необходимо? Может быть легко в ваших шаблонах и PITA в плохо закодированных сторонних плагинах.Или это может быть трудно, потому что это работа ваших коллег разработчиков серверных и они не будут слушать вас ... - вы знаете о селекторе трюки как
p + p
(или лучше:p ~ p
) для выбора каждогоp
кроме первого. Это может быть полезно для замены:first-child
в некоторых случаях
- 1. CSS-кнопки и проблема с кроссбраузером
- 2. метод перегрузки кроссбраузером с javascript
- 3. Ручка с поплавковым входным кроссбраузером
- 4. Дата Сортировка - последним и последним
- 5. Совместимость Excel и совместимость с Apple Numbers
- 6. Совместимость с Chromebook-совместимость
- 7. Проблема с IE только в CSS/дизайне, совместимости с кроссбраузером
- 8. Совместимость с Simulink обратная совместимость
- 9. Какая разница между "Совместимость с браузером" и "Совместимость с браузером"?
- 10. Совместимость с NFC и совместимость с карточкой (MOC)
- 11. Путаница с первичным ключом
- 12. Интерфейс android AIDL, совместимость и обратная совместимость
- 13. iBeacons и совместимость с Android
- 14. совместимость с symfony и mathjax
- 15. Совместимость с Dashcode и firefox
- 16. jQuery.data() и совместимость с браузером?
- 17. Совместимость с JasperReport и весной
- 18. Совместимость с CSS и браузером
- 19. Совместимость с Kibana и Elasticsearch
- 20. Совместимость Protobuf-с и Protobuf
- 21. Совместимость с разрешением и браузером
- 22. Совместимость с YARD и RDoc
- 23. Совместимость с PrimeFaces и браузером
- 24. Совместимость с Openlayers и JQuery?
- 25. Совместимость с LeanFT и Selenium?
- 26. Совместимость с Hibernate и Infinispan
- 27. совместимость с iframe и css
- 28. Совместимость с воспламенителем и браузером
- 29. Совместимость с dropzone.js и jQuery
- 30. Совместимость с WinXP и Vista
http://www.quirksmode.org/css/contents.html – Petah