如何選擇與多個CSS元素屬性中使用硒的webdriver

Question

好了，所以我做了我的研究是肯定的，但無法找到一個答案，我的問題。使用硒的webdriver以及網頁上有一個項目列表下面是一個簡單的HTML

<div class="color-picker-slider" style="width: 180px;" active_state="black"> 
    <div class="store_color_picker black-selector" style="width:20px;" color_name="black"   product_id="132" base_color="black"></div> 
    <div class="store_color_picker slate-selector" style="width:20px;" color_name="slate" product_id="133" base_color="slate"></div> 
    <div class="store_color_picker violet-selector" style="width:20px;" color_name="violet" product_id="157" base_color="violet"></div> 
    <div class="store_color_picker flexlime-selector" style="width:20px;" color_name="lime" product_id="155" base_color="lime"></div> 
    <div class="store_color_picker pink-selector" style="width:20px;" color_name="pink" product_id="156" base_color="pink"></div> 
    <div class="store_color_picker teal-selector" style="width:20px;" color_name="teal" product_id="158" base_color="teal"></div> 
    <div class="store_color_picker tangerine-selector" style="width:20px;" color_name="tangerine" product_id="159" base_color="tangerine"></div> 
    <div class="store_color_picker navy-selector" style="width:20px;" color_name="navy" product_id="160" base_color="navy"></div> 
    <div class="store_color_picker red-selector" style="width:20px;" color_name="red" product_id="161" base_color="red"></div> 
    </div> 

所以我創建了一個包含所有的產品，它的相應的索引位置數的枚舉。這偉大工程，但唯一的問題是，如果指標的變化，比方說加入新的項目不添加到最後一個索引，然後我不得不去改變每一個指標，因此不是很有效。我看到的唯一靜態屬性是product_id，這不太可能改變。如果添加了新的product_id，我可以將其添加到枚舉中，而無需更改任何索引等。然後

我的問題就變成了我怎麼可以點擊基礎上的product_id的元素？我知道如何獲取屬性，但當然返回一個字符串，但不知何故，我想點擊基於product_id的項目。任何幫助將不勝感激！順便說一下，我使用CSS來查找元素。這是不是任何下拉列表中的一部分

Answer 1

您可以根據其屬性編寫CSS選擇器：

.store_color_picker[product_id='133'] 

基本上，格式爲：

selector[attribute='attribute_value'] 

因此，你也可以做：

.store_color_picker[color_name='black'] 

如果您想按顏色名稱進行選擇。

Answer 2

在Ruby中硒（這是接近的Java版本）：

driver.find_element(:css, ".store_color_picker[product_id='133']") 

這裏的highly detailed documentation about css selectors，你可以找到一些更容易吸收其他地區的版本，以及。