html - 使用 CSSSelector 从下拉列表中选择第一个选项

Question

下面是选择的 html 代码，我正在寻找第一个选项，即 15

<select>
<option value="15" selected="selected">15</option>
<option value="25">25</option>
<option value="50">50</option>
<option value="100">100</option>
</select>

我已经在下面尝试过了，我得到了所有选择 15,25,50,100

div#topPager.gridHeader div.pagerItemContainer select.pagesize option 

如果我像这样使用第 n 个类型，那么我得到第一个选择。

div#topPager.gridHeader div.pagerItemContainer select.pagesize option:nth-of-type(1)

除了使用 nth-of-type 之外，还有其他方法吗？

Answer 1

更切中要害:

#yourSpecificSelectors option[value="15"] {}

这称为属性选择器，在本例中它匹配 option 和 value="15"。

http://www.w3.org/TR/CSS2/selector.html#attribute-selectors