css-selectors 相关问题

如何在 <p><div> 中定位两个相似的

我找不到电子邮件和密码的 err_message 元素。我收到一个错误： org.openqa.selenium.NoSuchElementException：没有这样的元素：无法定位元素：{“方法”：&quo ...

如何使用 Selenium C# 验证元素中是否存在“aria-disabled”属性

按钮的 HTML。 当按钮不可点击时，aria-disabled = 'true' 为： 当 按钮的HTML。 <div id="MainTab" aria-disabled='true'> 当按钮不可点击时，aria-disabled = 'true'为： <div id="MainTab" aria-disabled='true'> 当按钮可点击时，aria-disabled 不存在： <div id="MainTab"> 如何编写代码来识别aria-disabled属性是否存在于： <div id="MainTab" ...> 有人可以帮我吗？ 鉴于 HTML： <div id="MainTab" aria-disabled="true"> 要探测属性aria-disabled是否存在，您可以使用以下任一种Locator Strategies： 使用CssSelector： IWebElement Element = driver.FindElement(By.CssSelector("div#MainTab[aria-disabled]")); 使用XPath： IWebElement Element = driver.FindElement(By.XPath("//div[@id='MainTab' and @aria-disabled]")); 实现方式是在元素上使用.GetAttribute("aria-disabled")返回值。 WebDriverWait wait = new WebDriverWait(driver, TimeSpan.FromSeconds(10)); string ariaDisabled = wait.Until(ExpectedConditions.ElementIsVisible(By.Id("MainTab"))).GetAttribute("aria-disabled"); ariaDisabled HTML “真实” <div id="MainTab" aria-disabled='true'> “” <div id="MainTab"> 如果是我，我会不止一次地使用它，我会把它放在一个函数中，例如 /// <summary> /// Determines if the specified element has the aria-disabled attribute /// </summary> /// <param name="locator">The locator of the desired element</param> /// <returns>true if the element has the aria-disabled attribute, false otherwise.</returns> public bool IsAriaDisabled(By locator) { return "true" == new WebDriverWait(driver, TimeSpan.FromSeconds(10)).Until(ExpectedConditions.ElementIsVisible(locator)).GetAttribute("aria-disabled"); } 然后你称它为 bool isAriaDisabled = IsAriaDisabled(By.Id("MainTab"));

我网站的分屏功能不正常

/* 将屏幕分成两半 */ 。分裂 { 高度：100%； 宽度：50%； 位置：绝对； 填充顶部：20px； } /* 对 Chrome、Safari 和 Opera 隐藏 */ .split ::-webkit-scrollbar...

如何修复 sass 实时编译错误？请

编译错误 错误：预期的选择器。 ╷ 463// │ ^ ╵ Users/pochipoxhi/Desktop/real/style/styles.scss 463:1 根样式表 观看... 我一直收到这个错误，实时服务器正在更新...

如何使用 html 和 css 更改文本动画

我正在尝试制作一个可以每隔 10-15 秒自动更改的文本框，就像它在这个链接中所做的那样：https://www.groupamana.com/ 视频背景上有一段文字，还有...

如何使用 Selenium Python 在输入字段中输入一些文本？

代码试验： voucher_input = WebDriverWait(driver, 10).until(EC.presence_of_element_located ((By.NAME, "voucher"))) 我尝试在代码中更改输入字段的名称仍然没有解决它

CSS - 为最后一个孩子添加颜色

.d1 { 显示：弹性； 证明内容：空格之间； } .d1>div { 显示：弹性； 弹性方向：列反转； 证明内容：flex-end； } .d1>div>span:last-child { 颜色：...

使用 Python Selenium 查找元素的问题

我正在尝试从以下网站复制数据：https://imljail.shelbycountytn.gov/IML。 该站点有两个按钮，都标记为“搜索”。我要按的按钮有以下

当另一个元素具有 .active class 时，如何修改一个元素？

.list-nav元素有.active类时，如何选择.field-wrapper元素？ 目标是 .field-wrapper z-index = -1 仅适用于 CSS。 .list-nav 元素有.active 类时，如何选择.field-wrapper 元素？ 目标是 .field-wrapper z-index = -1 仅适用于 CSS。 <nav class="nav"> <a href=""></a> <ul class="nav-list"></ul> <img src="" alt=""> </nav> <div class="main"> <div class="wrapper"> <div class="field-section"> <div class="field-wrapper"></div> </div> </div> </div> Chat GPT 提出了两个解决方案，但都不行 nav .nav-list.active + .main .field-wrapper { z-index: -1; } 和 .nav-list.active ~ .field-wrapper { z-index: -1; }

如果选项值文本很长，则选择标签选项不会安装在选择标签内

选择{ 宽度：100%； 最大宽度：100%； 框大小：边框框； 溢出：隐藏； 文本溢出：省略号； 空白：nowrap； } 选项 { 宽度：100%； 框大小：边框框； } &l...

如何使用CSS拆分动态组件？

如何使用 CSS 在动态组件中对照片进行这种划分？ 第一项应该总是满的，其余的在下面的区域，如果你有 2 或 3 张照片，正确划分空间......

Google 标签管理器 - 如何定位班级和孩子以跟踪按钮点击

我不在 IT 领域，但我被要求在 GTM 中实现一些标签。到目前为止，我自己做得还不错，但我需要为滚动条实现点击跟踪器： 页面上按钮的图像，ma ...

尝试将属性应用于 div [重复]中的所有兄弟元素

当用户将鼠标悬停在 div 中的一个项目上时，尝试更改 div 中一个项目（包裹图像的锚标记）的所有其他兄弟姐妹的不透明度。 它部分有效但是当我将鼠标悬停在一个项目上时......

如何在 scss 文件中选择这个 css 选择器

[_nghost-lqr-c142] .tabset[_ngcontent-lqr-c142] .tab[_ngcontent-lqr-c142] a[_ngcontent-lqr-c142] {} [_nghost-lqr-c142] .tabset[_ngcontent-lqr-c142] .tab[_ngcontent-lqr-c142] a[_ngcontent-lqr-c142] {} <nb-tabset #tabset> <nb-tab *ngFor="let v of selectedVersion" [active]="v" class="hide-title"> <nb-accordion> <nb-accordion-item *ngIf="v.feature.length" [expanded]="true"> <nb-accordion-item-header>{{ v.headerOne }}</nb-accordion-item-header> <nb-accordion-item-body> <ul> <li *ngFor="let f of v.feature" class="list">{{ f }}</li> </ul> </nb-accordion-item-body> </nb-accordion-item> </nb-accordion> </nb-tab> </nb-tabset> 这是一个取自谷歌浏览器风格的选择器 告诉我如何在 scss 文件中选择

用纯 CSS 隐藏一个元素的列表

如果列表仅包含一个元素，是否有一种隐藏列表的方法，仅使用 CSS？奖励：想想 IE8 隐藏这个 但： 显示这个 如果只包含一个仅使用 CSS 的元素，是否有隐藏列表的方法？奖励：想想 IE8 <ul> <li>hide this</li> <ul> 但是： <ul> <li>show this</li> <li>and others...</li> </ul> 我正在玩所有的兄弟姐妹和下一个选择器 (~ +) 但是没有办法选择上一个 CSS 元素 :( 当列表只有一项时，:has 伪类 可用于完全隐藏列表（相对于仅隐藏列表项）。 选择器可以用多种方式编写..这里有两个： ul:not(:has(:nth-child(2))) { display: none } ul:not(:has(li + li)) { display: none } .demo1 ul:not(:has(:nth-child(2))) { display: none } .demo2 ul:not(:has(li + li)) { display: none } <div class="demo1"> <ul> <li>one</li> </ul> <ul> <li>one</li> <li>two</li> </ul> <ul> <li>one</li> <li>two</li> <li>three</li> </ul> </div> <hr /> <div class="demo2"> <ul> <li>one</li> </ul> <ul> <li>one</li> <li>two</li> </ul> <ul> <li>one</li> <li>two</li> <li>three</li> </ul> </div> 浏览器支持:has - caniuse 原答案 为此有一个伪类：:only-child（MDN） 所以如果我有以下 CSS li:only-child { display: none; } .. 列表项只有在有多个列表项时才会显示。 小提琴 （注意：就像 Quentin 所说的那样，它不会隐藏实际的列表 - 当它是唯一的孩子时只是列表项......但只要列表本身没有自己的样式，这将与隐藏列表） 这里还有上面 MDN 文章的摘录： :only-child CSS 伪类表示任何元素 其父母的独生子。这和:first-child:last-child一样 或:nth-child(1):nth-last-child(1)，但特异性较低。 PS：正如您从 MDN 中看到的那样 浏览器支持 - IE8 不支持此功能，因此对于 IE8，纯 CSS 解决方案并不走运。 你不能隐藏list，但是如果list item是only孩子，那么它既是first又是last孩子，所以你可以隐藏它： li:first-child:last-child { display: none; }

如何选择第三段而忽略其他一切

应用阅读器 这是一款可以从网站上抓取文本（小说）并具有 CSS 注入器的应用程序。 我用这段代码摆脱了每第 3 段，使它们透明 p:nth-of-type(3){ 颜色：

CSS：如何选择第三段而忽略其他所有内容

应用阅读器 这是一款可以从网站上抓取文本（小说）并具有 CSS 注入器的应用程序。 我用这段代码摆脱了每第 3 段，使它们透明 p:nth-of-type(3){ 颜色：

使用 HTML 中的 CSS 选择器选择/提取 html/文本的节点

假设我正在编写一个节点脚本，该脚本使用 fetch 将 html 页面内容检索到变量中。 现在我有一个用于此类内容的 CSS 选择器。我如何使用它来提取 html 和/或文本

使用 Selenium Python 单击元素时出错

我正在尝试单击“付款”图标，但无法使用 XPath 单击它。 我用了： driver.find_element_by_xpath("//div[@class='a11y appmagic-button-busy']//按钮[@class='ap...

Javascript 选择器无法更改可见细节

我有一个代码可以生成两点之间的距离，从而生成旅行时间和各种价格，但代码没有在正确的空间中显示结果。更改类和 ID 确实...