Как исключить конкретное имя класса/атрибута в селекторе CSS в Selenium Automation?

Question

У меня есть ниже пример кода HTML:

<a href="" title="Design" class="reMode_design reMode_hover"> 
    <span>Design</span> 
</a> 

<a href="" title="Design" 
class="reMode_design reMode_hover reMode_selected"> 
    <span>Design</span> 
</a> 

Здесь, мне нужно, чтобы определить CSS для 1-го HREF элемента и хочу игнорировать 2-го элемента, который имеет этот класс «reMode_selected». Как определить css для 1-го элемента, игнорируя второй элемент ???

Я не хочу использовать Xpath, и я ищу, как это ниже селектор CSS:

element :fld_link, "[title='Design'] [class !='reMode_selected']" 

Этот формат не работает в SitePrism огурца. Нужна помощь в том, как исключить имя атрибута в селекторе CSS ...

Answer 1

Вы пробовали использовать xpath для поиска элемента? Возможно, что-то вроде: //a[contains(@title, 'Design') and not(contains(@class, 'reMode_selected'))]

Ссылки/Примеры:

Using not in xpath

Using and in xpath

Answer 2

Вы можете сделать это с cssSelector

driver.find_element(:css,".reMode_design:not(.reMode_selected)") 

Answer 3

Вы можете сделать с этим CSS локатора a[title='Design']:not([class*='reMode_selected'])