在上一个CSS之前隐藏选择选项

Question

我用这一行来隐藏select中的最后一个选项，我只需要CSS：

.form-search > select option:last-child {display:none;}

如何隐藏上一个选项，即前一个选项？

可以按值选择吗？例如，最后一个有55个值，最后一个选项有54个值。 谢谢

Answer 1

您使用nth-last-child(2)。

像这样：

.form-search > select option:nth-last-child(2) { display:none; }

您可以在此处阅读更多内容：https://developer.mozilla.org/en-US/docs/Web/CSS/:nth-last-child。

IE 9 +，Chrome 4 +，FF 3.5 +，Safari 3.2 +

支持此功能

Answer 2

尝试

.form-search > select option[value="55"] 
{ 
    display: none; 
}