Using CSS Selector to click a button

Question

I want to click this button using css_selector.

<div class="ui-buttonset">
    <button class="ui-button ui-dfault ui-text-only" type=" button"
role="button" aria-disabled="false">
        <span class-"ui-button-text">Save</span>
    </button>
</div>

There are 2 buttons save and cancel. They both have the same code. How do I click the save button using css_selector?

I have tried driver.find_element_by_css_selector("button.ui-button").click()

But it doesn't work.

What about driver.find_element_by_css_selector("button.ui-button:first-child").click()? Or driver.find_element_by_css_selector("button.ui-button:last-child").click()? — MartyIX
– MartyIX, Commented Dec 21, 2015 at 15:39
Are the buttons next to each other? Would it not be easier to add an id attribute? Or perhaps a wrapper around each button with a more specific id or class? — Hans
– Hans, Commented Dec 21, 2015 at 15:50

MartyIX · Accepted Answer · 2015-12-21 15:57:10Z

1

You can use one of the following selectors:

driver.find_element_by_css_selector("button.ui-button:first-child").click()
driver.find_element_by_css_selector("button.ui-button:last-child").click()

answered Dec 21, 2015 at 15:57

MartyIX

28.8k33 gold badges143 silver badges218 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Using CSS Selector to click a button

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related