css-selectors 相关问题

选择器是与文档树中的元素匹配的模式。在CSS规则中，它们用于为与模式匹配的元素定义样式。

我有这个 HTML，我想将带有子元素的第一部分的显示设置为无 .entry-content section:has(img):first-of-type { 显示：无！重要； } 我有这个 HTML，我想将只有子元素的第一部分的显示设置为无 .entry-content section:has(img):first-of-type { display: none !important; } <div class="entry-content"> <div> <section></section> <section> <div> <div> <div> <div> <div><img src="" alt=""></div> </div> </div> </div> </div> </section> <section></section> <section> <div> <div> <div> <div> <div><img src="" alt=""></div> </div> </div> </div> </div> </section> <section></section> <section> <div> <div> <div> <div> <div><img src="" alt="">test</div> </div> </div> </div> </div> </section> </div> </div> 我不知道为什么这不起作用。 .entry-content section:has(img):first-of-type{ display:none} 我希望它只影响第一个有孩子形象的部分

html css css-selectors

回答 0 投票 0

Puppeteer - 在同一弹出 Div 中使用 CSS 选择器选择多个元素

我正在尝试在酒店网站 (https://www.marriott.com/default.mi) 上选择例如 2 个房间和 3 个成人，但是无论我编写哪个 CSS 选择器，我的函数要么：我的第一个添加房间代码端口...

css node.js css-selectors puppeteer

回答 1 投票 0

CSS 网格自动流重新排序项目

我正在尝试创建一个自动流组件以根据屏幕尺寸重新排列内容。内容块总是成对出现：文本框和图像。在桌面设备上，我想要布局...

css css-selectors css-grid

回答 2 投票 0

CSS：选择直接孩子的选择器“>”......没有按预期工作......它在使用颜色时选择所有孩子：属性[重复]

在下面的代码中， ul.veg-list>li 在添加颜色属性后无法处理预期的行。它用红色给所有 li 元素上色，而它应该只给 li 上色，这是直接 chi...

css css-selectors

回答 2 投票 0

CSS悬停动画

我需要一个 HTML CSS 代码，它将有 4 个元素，例如 4 个矩形，当我随机选择这四个中的一个并将鼠标移到它上面时，我希望除了我选择的矩形之外的所有其他元素......

html css sass css-selectors hover

回答 1 投票 0

仅当输入为空且未获得焦点时才选择伪元素？

我的问题类似这样：Select label only if input is empty and not focused? 但这有点棘手，因为如果出现以下情况，我需要选择输入字段的伪元素：输入字段不是

html css css-selectors

回答 1 投票 0

CSS > 元素差异 > 元素

大家能解释一下 >element 和 > element 有什么区别吗？例子 .class > p 与 .class >p

css css-selectors

回答 0 投票 0

CSS 的跨浏览器替代品：具有伪类

我正在寻找一个跨浏览器兼容的 CSS 选择器，以防止打开模式时主体滚动。目前，我正在使用 CSS :has 伪类和选择器：正文：有（对话。活动）...

css firefox css-selectors cross-browser pseudo-class

回答 1 投票 0

XPATH 选择嵌套元素后选择一个 div？

我想制作一个通用标识符以在标签后查找下拉菜单。我有 10 个不同的表格，所有表格都具有相同的格式，但具有不同的 ID、名称等，所以我不能使用它们。相反，我很...

javascript html css selenium-webdriver css-selectors

回答 1 投票 0

线程“主”中的异常 org.openqa.selenium.NoSuchElementException：没有这样的元素：无法找到元素：

我的任务网址：https://www.homedepot.com/ 脚步：所有部门首先是鼠标悬停加热和冷却是第二次鼠标悬停空调是第三个鼠标悬停点击便携式空调我...

selenium-webdriver css-selectors selenium-chromedriver selenium-grid

回答 1 投票 0

如何使用 selenium python 选择此 li 元素的文本而不是 span 元素的文本？

首先我在这里有这个 div 元素：测试 2 首先我这里有这个 div 元素： <div class="col-sm-4 mx-auto" id="test-2-div"> <h1>Test 2</h1> <ul class="list-group"> <li class="list-group-item justify-content-between"> List Item 1 <span class="badge badge-pill badge-primary">3</span> </li> <li class="list-group-item justify-content-between"> List Item 2 <span class="badge badge-pill badge-primary">6</span> </li> <li class="list-group-item justify-content-between"> List Item 3 <span class="badge badge-pill badge-primary">9</span> </li> </ul> </div> 接下来，我正在使用这段代码来尝试断言第二个列表项中的文本是“List Item 2” def test2(self): listGroup = self.browser.find_elements(By.XPATH, '//div[@id="test-2-div"]//ul[@class="list-group"]//li') secondListItemText = listGroup[1].text self.assertEqual(secondListItemText, "List Item 2") 然而，它正在回归 AssertionError: 'List Item 2 6' != 'List Item 2' - List Item 2 6 ? -- + List Item 2 问题：我不想选择 li 元素的 span 子元素内的“6”，而只选择直接在 li 元素中的文本。谁有一个只会返回“List Item 2”的选择器？

python selenium-webdriver testing css-selectors

回答 0 投票 0

如何在 Dart 中从外部查询 shadow DOM 中的元素？

如何在 shadow DOM 中选择节点？考虑以下示例： “无阴影”DOM 的结构 #影根 #out...

css-selectors dart polymer dart-polymer shadow-dom

回答 6 投票 0

仅 CSS：在每个标题后添加“返回顶部”链接<h1>

我想在每个标题后添加一个“返回顶部”链接。为了更清楚地解释我想要什么： h1::之后{ content: "--->返回顶部"; }

css css-selectors

回答 1 投票 0

我如何检测输入框何时未聚焦

我需要知道输入框何时没有焦点，但我不知道该怎么做。我一直在尝试使用 input:not(:focus)，但它对我不起作用。这是发生的视频。如果你不...