nth-child在Safari中不起作用 [英] nth-child does not work in Safari

问题描述

我尝试下面的CSS，它的工作原理在Firefox和Chrome，但不工作在Safari（5.1）。我已经检查Safari支持nth孩子。

 
 code>选项：nth-​​child（2）{
 display：none; 
} 
  

HTML： b

 < select> 
< option value =1>一个< / option> 
< option value =2>两个< / option> 
< option value =3>三< / option> 
< / select> 
  

演示：
http://jsfiddle.net/Kv9tj/

解决方案

您可以随时使用：nth-​​of-type（2）。

浏览器支持：nth-​​of-type ，Opera 9.5+，Chrome 2+，Safari 3.1+，IE 9+。

我希望这会帮助你!!!

I'm trying following CSS, it works in Firefox and Chrome but does not work in the Safari (5.1). I have checked Safari supports nth-child. What I'm doing wrong?

CSS:

option:nth-child(2){
  display: none;
}

HTML:

<select>
   <option value="1">One</option>
   <option value="2">Two</option>
   <option value="3">Three</option>
</select>

Demo: http://jsfiddle.net/Kv9tj/

解决方案

You can always use: nth-of-type(2) .

Browser support for :nth-of-type is fairly decent... Firefox 3.5+, Opera 9.5+, Chrome 2+, Safari 3.1+, IE 9+.

I hope this will help you!!!

这篇关于nth-child在Safari中不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！