css-selectors 相关问题

我有一个父元素，它有很多子元素。在遍历它们时，如果我需要选择一个子元素，我将使用以下代码： cy.get(root-div > div:nth-child(1)) 那个... 我有一个父元素<div>，它有很多子元素。在遍历它们时，如果我需要选择一个子元素，我将使用以下代码： cy.get(root-div > div:nth-child(1)) 然后我必须获取第二个元素，我将使用以下代码： cy.get(root-div > div:nth-child(2)) 我们可以让这个div:nth-child(2)部分像这样动态化吗： cy.get(root-div > div:nth-child(${0})) 即当我们调用这个定位器时插入索引值？这样定位器就变成动态的并且可以用于所有子元素。您可以创建一个 JavaScript 函数来返回该字符串，并让它接受索引变量。 const getNthChild(index) => { return `root-div > div:nth-child(${index})` }); // In test cy.get(getNthChild(1)); 此外，如果您的 cy.get() 命令生成多个元素，则 cy.eq() 命令可以选择索引处的元素。 cy.get('root-div > div').eq(1).should('be.visible') cy.get('root-div > div').eq(2).should('have.text', 'foo'); 或者，您可以创建自定义 Cypress 命令，尽管我认为这有点过分了。 Cypress.Commands.add('getNthChild', (index) => { return cy.get(`root-div > div:nth-child(${index})`); }); // In test cy.getNthChild(1);

javascript css css-selectors cypress

回答 1 投票 0

是否可以在 CSS3 选择器中使用 CSS 变量？

我正在尝试使用 CSS 变量进行一些实验，但我无法让它工作或找到任何有关它的文档。有谁知道是否可以在 CSS3 选择器中使用 CSS var？我做了以下...

html css css-selectors css-variables

回答 2 投票 0

检查 CSS 选择器是否有效

我有一个供用户输入 CSS 选择器的字段，我想检查它是否有效（根据 css3 规范）。我尝试按照另一个

javascript css-selectors

回答 5 投票 0

未捕获的 DOMException：无法在“CommandLineAPI”上执行“$”：不是有效的选择器

我正在使用 selenium 为我的网页编写自动化 UI 测试。我正在测试的网页上有一个元素： << input type="checkbox" id="screening_questions[0].multiple_choice[0]-

selenium dom selenium-webdriver xpath css-selectors

回答 2 投票 0

播放按钮不适用于@videogular/ngx-videogular v5.0.1

我最近将项目的 Angular 版本从 9 升级到了 13。由于此版本不再支持 videogular2 软件包，因此我将应用程序迁移为使用 @videogular/ngx-videogular ，并且我

html angular dom css-selectors videogular2

回答 1 投票 0

为什么对 CSS 选择器使用第一个/最后一个顺序会在 rvest 中返回错误？

我正在尝试抓取一个有几个按钮的页面。我想选择/单击最后一个按钮。使用 Chrome 的选择器小工具扩展，我可以通过添加 :last at ...

r web-scraping css-selectors rvest

回答 1 投票 0

谷歌地图评论抓取

我正在尝试从企业链接列表中抓取谷歌地图评论。我在为评论数据选择正确的选择器时遇到错误，因为不同的链接和评论 xpath 有所不同。有吗

python google-maps xpath css-selectors

回答 1 投票 0

使用CSS Target突出显示父div

我在我的网站中使用 Ckeditor 来插入文章。这些文章通常来自 Word 文档，并且有脚注。在最新的 Ckeditor 版本 (7125) 中，我已经能够从文章中链接...

css css-selectors target

回答 3 投票 0

Python Selenium 脚本无法从网页检索产品价格

我正在尝试使用 Python 和 Selenium 从 Ultra Liquors 网站上抓取产品价格，但尽管 HTML 包含预期元素，但我无法检索价格。我的目标是...

python selenium-webdriver web-scraping css-selectors webdriver

回答 1 投票 0

如何使用 JavaScript 在 Odoo12 Tour 测试中选择动态生成的下拉项？

我一直在进行自定义 Odoo12 巡回测试，并且在从动态生成的下拉列表中选择项目时遇到了问题。以下是我尝试实施的步骤的详细说明：我...

javascript testing css-selectors odoo odoo-12

回答 1 投票 0

如何更改伪选择器的优先级

CSS： #容器>一个{ 颜色：黄色！重要； } a:焦点可见 { 颜色：红色！重要； } HTML：锚1 ... CSS： #container > a { color: yellow!important; } a:focus-visible { color: red!important; } HTML： <div id="container"> <a href="#">Anchor 1</a> <a href="#">Anchor 2</a> </div> 我们都知道，当我们关注锚点时，文本颜色仍然是黄色，因为第一个选择器更具体。这很奇怪，我认为这是一个错误，因为 :focus-visible （以及其他伪选择器，如 :hover）是一种不同的状态，就像单击事件一样。对我来说，这就像当我单击一个元素时调用 onchange 处理程序。无论如何，这是完全不同的话题来讨论。我的问题是，如何使“a:focus-visible”选择器具有高优先级？ #container > a:focus-visible 可能是正确的答案。但是，考虑一下我的页面中有很多案例，我的用户仍然可以像第一个一样添加选择器。我需要在所有锚点上推行我自己的规则。您可以通过将选择器修改为比 #container > a 更具体来增加 :focus-visible 规则的特异性。由于 #container > a 具有更高的特异性，因此向 a:focus-visible 添加 ID 或另一个选择器可以确保其优先： CSS： #container > a:focus-visible { color: red !important; } 这确保了当锚点处于 :focus-visible 状态时，红色将覆盖 #container > a 中的黄色。

css css-selectors pseudo-class

回答 1 投票 0

css-selectors 相关问题

最新问题