第一个孩子和最后一个孩子的跨浏览器兼容性

Question

我意识到我经常使用这些伪类，因此我的问题是：在2012年，我应该担心IE的旧版本以及它们呈现页面的方式吗？当然，我只是在必要时尝试使用它们，但它们真的很有帮助，我不愿意因此避免它们。

Answer 1

这就是事情。当时我写了原始答案：

• YouTube有dropped support for IE6
• Facebook的时间表won't work in IE7
• Microsoft是urging people to use at least IE8（由于XP用户）。

这些拥有庞大用户群的大公司，甚至他们都在敦促人们移动或什么也得不到（或至少获得基本功能）。

根据this page by quirksmode，IE7 +支持:first-child，但IE9 +仅支持:last-child。这意味着如果你打算使用它，你应该准备好完全忘记旧的IE。

但是，您可以使用selectivizr，这样可以使这些样式适用于旧浏览器。

Answer 2

如果它们被用作眼睛糖果，我会说继续使用它们。但是，如果您的布局依赖于它们的样式等等，我会为IE＆lt;中添加一些后备方法。 8。

Answer 3

：第一个孩子支持直到IE7＆amp;上方。

：最后一个孩子支持直到IE9＆amp;上方。

＆安培;如果您想检查任何选择器的兼容性，请检查此http://caniuse.com/#search=:first-child

Answer 4

需要考虑许多变量：

• 你在说哪个网站？投资组合，政府网站，电子商务？
• 这个网站上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}}的有用替代