使用下面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

回答

相關問題