selector 相关问题

li:has(>标签) { 背景：#0c0； } li~li:有(>标签) { 边框：4px实线#c0c； } li:has(>label) { background: #0c0; } li~li:has(>label) { border: 4px solid #c0c; } <ul tabindex="-1"> <li><input type="radio"/ name="r6a" id="r61a" value="6.0a" /><label for="r60a">[Item 6.0]</label></li> <li tabindex="0">[Item 6.1]</li> <li><input type="radio"/ name="r6a" id="r62a" value="6.2a" /><label for="r62a">[Item 6.2]</label></li> <li><input type="radio"/ name="r6a" id="r63a" value="6.3a" /><label for="r63a">[Item 6.3]</label></li> <li tabindex="0">[Item 6.4]</li> </ul> 当我读到这篇文章时，第一个选择器选择具有 label 作为直接下行的 li，第二个选择器选择与具有 label 的 li 的兄弟姐妹的所有 li。但为什么最后一个选择器只选择了项目 6.2 和 6.3 呢？它应该选择所有这些（包括所有都是具有 label 的 li 的兄弟），或者应该选择 6.1 和 6.4（如果它是排他的）。据此： https://developer.mozilla.org/en-US/docs/Web/CSS/Subsequent-sibling_combinator 他们不必彼此相邻，只需共享同一个父母即可。他们就是这么做的。要求：选择与标签为 li 具有相同父级的所有 li 直系后裔因此，如果 ul 中的任何一个 li 具有直接后代标签，则您希望选择 ul 中的所有 li。您可以在 ul（即父级）上使用 :has 来实现以下目的： ul:has(>li>label) > li { border: 4px solid #c0c; } <ul tabindex="-1"> <li><input type="radio"/ name="r6a" id="r61a" value="6.0a" /><label for="r60a">[Item 6.0]</label></li> <li tabindex="0">[Item 6.1]</li> <li><input type="radio"/ name="r6a" id="r62a" value="6.2a" /><label for="r62a">[Item 6.2]</label></li> <li><input type="radio"/ name="r6a" id="r63a" value="6.3a" /><label for="r63a">[Item 6.3]</label></li> <li tabindex="0">[Item 6.4]</li> </ul>

css selector siblings

回答 1 投票 0

使用线程池处理时无法读取对象

我必须设计一个具有3个主线程池的服务器，以便读取数据、处理数据并将结果输出到客户端。我这样编码，但它总是注意到这种错误： java.io.

java multithreading threadpool selector

回答 1 投票 0

如何将 :not(:last-child) 添加到规则中？

我有一个与此完全相同的CSS规则： li.css-1rfw4c5::之后{ 内容：“|”；左边距：var(--chakra-space-2); } 如何添加 :not(:last-child) ？谢谢

css selector

回答 1 投票 0

CSS 伪选择器内可以有任意数量的元素吗？

DOM 片段 ul.this>li>ul ->匹配 ul.this>li>div>ul ->匹配 ul.this>li>div>div>ul ...

css selector

回答 1 投票 0

CSS 同级组合器在 <details> 元素

我检查倒计时后计时器标签没有显示，这是 HTML 结构和 CSS：细节 { 显示：柔性； /* 使用flexbox布局 */ 弹性方向：列； /* 堆栈

html css selector styling

回答 1 投票 0

获取div内所有内容作为字符串

我需要获取 HTML 元素内的所有内容，包括所有子节点和孙节点及其内容，就好像它是一个字符串一样。这是我的预期输出：我需要获取 HTML 元素内的所有内容，包括所有子节点和孙节点及其内容，就好像它是一个字符串一样。这是我的预期输出： <div class="images"><div class="img_100"><a class="img a" legenda="" target="" style=""><img src="/img/site/570/b/random_image.jpg" alt="Lorem ipsum - dolor sit amet" class="portrait"></a></div></div> 我目前正在使用 JS 和 puppeteer 来抓取我需要的页面，但我需要所有 HTML 作为字符串来格式化一些内容，但我不知道如何以我想要的方式获得它。我还使用此查询document.querySelectorAll(".page_content_post")来获取我想要的内容和子/孙节点的父元素。提前致谢。按班级获取家长： document.getElementsByClassName('.page_content_post').innerHTML 通过 ID 获取父级： document.getElementById('#page_content_post').innerHTML

javascript html web-scraping selector

回答 1 投票 0

ModRewrite 规则 - 如果选择器不存在则跳过

我有一种情况，我需要分别编写带有和不带有选择器的url。例如 URI /feeds/mydata.json 应转到 /content/feeds/mydata/app.json URI /feeds/mydata.sale.j...

apache mod-rewrite aem selector dispatcher

回答 1 投票 0

使用 Playwright

一个页面上有几个表格。我是。试图获取城市/城镇。 ... 一个页面上有几个表格。我是。试图获取城市/城镇。 <table class="table" style="margin-top: 35px;"> <thead>  </thead> <tbody> <tr> <td>Street</td> <td>61 Essex St</td> </tr> <tr> <td>City/Town</td> <td>Lynn</td> </tr> <tr> <td>State/Province/Region</td> <td>Maine</td> </tr> <tr> <td>Zip/Postal Code</td> <td>01902</td> </tr> </tbody> </table> 我知道我可以获得高于我需要的单元格项目的元素。 let foo = page.locator(`test=City/Town`) 但我不确定如何获取下一个数据单元格。我用谷歌搜索并尝试过： let foo = page.locator(`td:below(:text("street"))`).innerText() 但这没有用。我也尝试过： let foo = page.locator(`td:near(:text'("Street"))+td`).first().textContent() 这对我来说也不起作用。我尝试了一些其他的变化。你能帮助一个无知的人吗？您可以使用相邻同级组合器：page.locator('td:text("City/Town") + td')。示例： const playwright = require("playwright"); // 1.23.3 const html = `<!DOCTYPE html><html><body> <table class="table" style="margin-top: 35px;"> <thead>  </thead> <tbody> <tr> <td>Street</td> <td>61 Essex St</td> </tr> <tr> <td>City/Town</td> <td>Lynn</td> </tr> <tr> <td>State/Province/Region</td> <td>Maine</td> </tr> <tr> <td>Zip/Postal Code</td> <td>01902</td> </tr> </tbody> </table> </body></html>`; let browser; (async () => { browser = await playwright.chromium.launch(); const page = await browser.newPage(); await page.setContent(html); const result = await page.locator('td:text("City/Town") + td') .textContent(); console.log(result); // => Lynn })() .catch(err => console.error(err)) .finally(() => browser?.close());

javascript selector playwright

回答 1 投票 0

Polymer 1.0：从iron-selector（带有模板重复）调用来自iron-ajax的数据获取多个属性

使用此代码，我可以使用变量 {{selected" 打印“主要内容”区域中所选项目的 {{item.name}}（即标签模板之外的 is="dom-repeat"） }} 和 attr-for-selected=...

ajax selector repeat polymer-1.0

回答 1 投票 0

查找 Yodeck Web 应用程序脚本的 SSRS 网页登录选择器

注意：不是 Web 开发人员，只是 IT 管理员被要求做超出范围的事情我正在构建 Yodeck Web 应用程序脚本来登录 SSRS 站点。他们的工具允许使用“选择器”来填充输入

web-applications selector

回答 1 投票 0

双击功能无法获取jQuery中选中的选项

我创建了两个选择器。当我双击选择器中的一个选项时，所选值将显示在另一个选择器中。突然间，它不起作用了。我双击左侧选择器中的一个选项...