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"] {}

这称为属性选择器，在这种情况下，它与optionwith匹配value="15"。

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