html - nth-child 在 Safari 中不起作用

Question

我正在尝试遵循 CSS，它适用于 Firefox 和 Chrome，但不适用于 Safari（5.1）。我已经检查过 Safari 支持 nth-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/

score 7 · Accepted Answer

您始终可以使用： nth-of-type(2) 。

浏览器对 :nth-of-type 的支持相当不错... Firefox 3.5+、Opera 9.5+、Chrome 2+、Safari 3.1+、IE 9+。

我希望这能帮到您！！！

score 1 · Accepted Answer

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

它说您不能display: none在optionSafari 或 IE 中设置。

2 回答 2