使用下面CSSSelector

选择下拉列表的第一选择是选择HTML代码，我正在寻找这是15使用下面CSSSelector

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

来源

2012-12-07 Nick Kahn

更重要的一点，准确：

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

这就是所谓的属性选择器，在这种情况下，匹配的option与value="15"。

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

来源

2012-12-07 14:29:03

是的，我刚刚意识到;）我从来没有使用them..but我不知道他为什么这么做......因为他几乎可以风格有 –

对于这个问题，引号*不*总是可选的;如果您要查找以数字开头的值，则必须使用引号或转义数字。 – BoltClock

@BoltClock所以你的意思是当你的attr包含数字val时，引号是强制性的？ –

使用下面CSSSelector

回答

相关问题