2011-08-18 56 views
0

我有以下的HTML代碼:硒:如何定義CSS,如果網頁具有多發性元素具有相同名稱的

<table id="userPlaylistTable" cellspacing="0" cellpadding="0"> 
<div class="numCellWrapper"> 
<div class="listArrow up" onclick="moveRowUp($(this))"></div> 
<div class="numCell"> 1 </div> 
<div class="listArrow down" onclick="moveRowDown($(this))"></div> 
</div> 
<div class="numCellWrapper"> 
<div class="listArrow up" onclick="moveRowUp($(this))"></div> 
<div class="numCell"> 2 </div> 
<div class="listArrow down" onclick="moveRowDown($(this))"></div> 
</div> 
<div class="numCellWrapper"> 
<div class="listArrow up" onclick="moveRowUp($(this))"></div> 
<div class="numCell"> 3 </div> 
<div class="listArrow down" onclick="moveRowDown($(this))"></div> 
</div> 

基本上,現在如果我定義我的CSS爲:

css=table#userPlaylistTable div[class='listArrow up'] 

它選擇它發現的第一個這樣的元素。但是,我將如何定義我的CSS,以便它選擇這種類型的第二個元素? 那麼,基本上如何定義我的CSS選擇一個特定的元素,如果在頁面上存在多個相同類型的元素?

有人可以幫我看看這個查詢嗎?

謝謝。

回答

0

你需要做的是這樣的:

css=table#userPlaylistTable>div[class='listArrow up']:nth(1) 

css=table#userPlaylistTable>div[class='listArrow up']:nth(2) 

這會給你的第二個和第三個實例

+0

嗨Varun,這似乎並沒有工作。我正在使用python,我嘗試了以下方法:click(「css = table#userPlaylistTable div [class ='listArrow up']:nth({0})」.format(num))。其中num可以設置爲1或2.你看到這裏有什麼不對,我不能? – Sunny

+0

確定它的工作,我的壞,還有一些其他問題..感謝您的幫助 – Sunny

+0

「休斯頓,我們有一個問題!」嗯,我真的想知道這可能是如何工作的,因爲在CSS中沒有':nth()'僞類 - 我認爲':nth-​​child()'是什麼意思,對吧? –

0

add [1]這是索引到數組中。通常爲0基礎的,所以[1]是第二個元素

+0

所以你的意思是這樣嗎? css = table#userPlaylistTable div [class ='listArrow up'] [1] – Sunny

+0

實際上我發現[1]是第一個元素,第二個是[2]。 –

0

CSS:#userPlaylistTable .listArrow .UP:第n-的類型[2]

相反的[2]項替換要選擇

說明:

id是# - #userPlaylistTable

class by。 listArrow up,但是我們在類名之間有空格,所以用空格替換。 - .listArrow.up

:nth-​​type-type(n)會選擇孩子

相關問題