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

时间:2012-03-04 11:34:57

标签: css internet-explorer pseudo-class

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

4 个答案:

答案 0 :(得分:11)

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

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

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

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

答案 1 :(得分:4)

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

答案 2 :(得分:1)

:第一个孩子支持直到IE7&上方。

:最后一个孩子支持直到IE9&上方。

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

答案 3 :(得分:0)

需要考虑许多变量:

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