css - 以下 HTML 源的 CSS 选择器可能是什么

Question

<button id="createDropdown" class="btn-create" tabindex="7">
<ul id="createDropdownUl" class="dropdown-create" style="display: block">
<li tabindex="8">
<button>BOOK MASTER SERVICE </button>
</li>
<li tabindex="9">
<button> CREATE SCHEDULE</button>
</li>
</ul>
</div>

我想选择带有文本“CREATE SCHEDULE”的按钮。表达式的 xpath 是；

//*[@id='createDropdownUl']/li[2]/button

我试过下面的代码。 ;

 WebElement menuitem=driver.findElement(By.cssSelector("ul#createDropdownUl>li>button"));   

但它选择了两个按钮 我只想通过 CSS 选择器选择第二个按钮“CREATE SCHEDULE”。 .

Answer 1

attribute selector?

ul#createDropdownUl>li[tabindex="9"]>button

或者如果你想要最后一个，你可以使用 :last-child :

ul#createDropdownUl>li:last-child>button