在 CSS 选择器中使用 &&，答案

【问题标题】：Using && in CSS Selector,在 CSS 选择器中使用 &&，
【发布时间】：2020-03-31 13:05:18
【问题描述】：

我需要在 selenium 代码中使用 CSS 选择器，标签是

<div id="pbpopup-container" style="border-radius: 10px !important; box-shadow: rgb(170, 170, 170) 1px 1px 5px !important; display: block !important; overflow: hidden !important; position: fixed !important; right: 20px !important; top: 20px !important; visibility: visible; z-index: 2147483647; border: none !important; opacity: 1; bottom: auto !important; height: auto; width: auto;">

从这个标签我需要一个 CSS 选择器，比如 '//div[@id='pbpopup-container'] 和 visibility: visible'，谁能帮忙。

【问题讨论】：

标签： selenium selenium-webdriver css-selectors

【解决方案1】：

由于我现在手头没有硒，所以请谨慎对待：

//div[@id="pbpopup-container"](contains(@style,'visibility:visible'))]

【讨论】：

OP 要求的是 CSS 而不是 xpath。
好吧，那么你的答案会更合适。也许没有, （因为你只想有一个选择器，而不是两个）

【解决方案2】：

这是您正在寻找的 css。

div[style*='visibility: visible']#pbpopup-container

截图：

【讨论】：

谢谢 Supputuri，这可行，但是在单击该特定 div 后，我将可见性更改为隐藏，即使可见性更改为隐藏，您提供的 CSS 选择器也可以工作。
请查看更新后的答案。这将确保机器人条件得到正确检查。