nth-child在Safari中不起作用

Question

我正在尝试关注CSS，它适用于Firefox和Chrome，但在Safari（5.1）中无效。我检查过Safari支持n-child。我做错了什么？

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>

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

Answer 1

您始终可以使用：nth-​​of-type（2）。

浏览器支持：nth-​​of-type相当不错...... Firefox 3.5 +，Opera 9.5 +，Chrome 2 +，Safari 3.1 +，IE 9+。

我希望这会对你有帮助!!!

Answer 2

我认为您的问题不是nth-child，而是display: none option 例如，请参阅此答案：https://stackoverflow.com/a/15025961/39068（针对类似问题）。

它表示您无法在Safari或IE中的display: none上设置option。