Javascript 木偶选择器；未选择按钮

我正在尝试单击等待页面。单击“.2选项卡取消中心”；，但它不起作用

有人能为value=2 tabBtnCenter定义一个合适的木偶演员CSS选择器吗

使用：

---

可以使用以下选择器单击指定的图元：

---

StatusWANLAN wait page.waitForNavigation{waitUntil:'load'}；等待页面。单击“[value=2]>.tabBtnCenter”；另外，请分享任何我可以理解的关键概念的链接selectors@FaizanAwan这里有一个很好的资源来学习更多关于CSS选择器的知识：。

<div id="headerTab">
    <ul>
        <li value="0">
            <div class="tabBtnLeft"></div>
            <div class="tabBtnCenter">Status</div>
            <div class="tabBtnRight"></div>
        </li>
        <li value="1">
            <div class="tabBtnLeft"></div>
            <div class="tabBtnCenter">WAN</div>
            <div class="tabBtnRight"></div>
        </li>
        <li value="2">
            <div class="tabBtnLeft"></div>
            <div class="tabBtnCenter">LAN</div>
            <div class="tabBtnRight"></div>
        </li>
    </ul>
</div>

const sel = await page.$x("//div[text()='LAN' and @class='tabBtnCenter']");

if (sel.length > 0) {
    await sel[0].click();
}
else {
    throw new Error("selector not found");
}

await page.click('[value="2"] > .tabBtnCenter');