Nth-child Does Not Work In Safari

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-chil

Solution 1:

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!!!

Solution 2:

I think your problem is not nth-child, but display: none on option.
For example, see this answer: https://stackoverflow.com/a/15025961/39068 (to a similar question).

It says that you can not set display: none on option in Safari or IE.