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

Question

下面是select 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