如何定位基於CSS中的CSS樣式類屬性值的任何元素

Question

我需要根據背景圖像找到元素，請參閱截圖以供參考。

<em unselectable="on" class="x-btn-split"> 
    ... 
</em> 

風格：

em.x-btn-split 
{ 
    background-image: url("/EXT/theme/sfdc/images/button/split_mutton_arrow.png"); 
} 

我需要找到有背景圖像的URL爲 「/EXT/theme/sfdc/images/button/split_mutton_arrow.png」

Answer 1

從元素看起來你可以簡單地在這裏查看課程：

driver.find_element_by_css_selector("em.x-btn-split") 

如果你堅持檢查background-image，你必須找到所有的em標籤，並將它們過濾掉循環檢查background-image CSS屬性：

value_to_find = "/EXT/theme/sfdc/images/button/split_mutton_arrow.png" 

try: 
    em = next(em for em in driver.find_elements_by_css_selector("em.x-btn-split") 
       if em.value_of_css_property("background-image") == value_to_find) 
    print("Found!") 
    print(em) 
except StopIteration: 
    print("Not Found!") 

（Python中的例子）