css-selectors 相关问题

如何将值设置为其默认用户代理值？

通过使用初始值，我可以将元素的 CSS 属性设置为规范定义的初始值。 但在某些情况下，我想将 CSS 属性设置为其初始用户代理值

使用 CSS :before 和 :after 伪元素与内联 CSS？

我正在使用内联 CSS（即样式属性中的 CSS）制作 HTML 电子邮件签名，我很好奇是否可以使用 :before 和 :after 伪元素。 如果是这样，我将如何影响...

Selenium 无法使用 xpath 或 ClassName 或 Css 选择器（Python）找到元素

你好，我正在尝试点击谷歌外观上的“不，谢谢”按钮：在此处输入图片描述 按钮的完整元素是这个 你好，我正在尝试点击谷歌外观上的“不，谢谢”按钮： 按钮的完整元素是这个 <button aria-label="No thanks" class="M6CB1c rr4y5c" jsname="ZUkOIc" jslog="71121; track:click;" data-dismiss="n">No thanks</button> 我试着用这样的xpath选择它 编辑：我在这里的代码中有一个等待元素Wait = WebDriverWait(driver,60) driver.get("https://www.google.com/") Wait = WebDriverWait(driver,60) buttonSignIn = "//button[@class='M6CB1c rr4y5c'][1]/@class" Wait.until(EC.visibility_of_any_elements_located((By.XPATH,buttonSignIn))) buttonSign = driver.find_elements(By.XPATH,buttonSignIn) print(buttonSign.get_attribute("innerHTML")) 我之前也试过像这样用 Css 选择它 buttonSignIn = ".M6CB1c.rr4y5c" Wait.until(EC.visibility_of_element_located((By.CSS_SELECTOR,buttonSignIn))) buttonSign = driver.find_element(By.CSS_SELECTOR,buttonSignIn) print(buttonSign.get_attribute("innerHTML")) 我也试过用这样的Class Name来选择它 buttonSignIn = "M6CB1c rr4y5c" Wait.until(EC.visibility_of_element_located((By.CLASS_NAME,buttonSignIn))) buttonSign = driver.find_element(By.CLASS_NAME,buttonSignIn) print(buttonSign.get_attribute("innerHTML")) 我关注了堆栈溢出中出现问题的其他内容。我做错了什么 元素在iframe里面，为了到达元素，你需要先切换到iframe。 使用WebDriverWait()并等待frame_to_be_available_and_switch_to_it() 然后WebDriverWait()等待element_to_be_clickable()。您可以使用下面的css selector来唯一标识元素。 WebDriverWait(driver, 10).until(EC.frame_to_be_available_and_switch_to_it((By.CSS_SELECTOR, "iframe[name='callout']"))) WebDriverWait(driver, 10).until(EC.element_to_be_clickable((By.CSS_SELECTOR, "button[aria-label='No, thanks']"))).click() 导入以下库。 from selenium.webdriver.common.by import By from selenium.webdriver.support import expected_conditions as EC from selenium.webdriver.support.ui import WebDriverWait 嗯……举个例子： from selenium import webdriver from selenium.webdriver.firefox.service import Service as FirefoxService from webdriver_manager.firefox import GeckoDriverManager from selenium.webdriver.common.keys import Keys from selenium.webdriver.common.by import By service = FirefoxService(executable_path=GeckoDriverManager().install()) driver = webdriver.Firefox(service=self.service) driver.get("http://www.google.com.ar/") search_bar = driver.find_element(By.CSS_SELECTOR, "[name='q']") search_bar.send_keys("hello world") search_bar.send_keys(Keys.ENTER) driver.implicitly_wait(5) h1 = driver.find_element(By.TAG_NAME, 'h1') print(h1.value_of_css_property('color')) driver.quit() 您还需要安装依赖项 webdriver 和 webdriver_manager。 关于点击： 在这里输入链接描述

如何使用 BeautifulSoup 找到 div class_=css-gz8dae 的“描述”？

我是 Python 的新手，我正在学习它是为了抓取目的我正在使用 BeautifulSoup 从 https://justjoin.it/offers/itds-net-fullstack-developer-angular 中的工作机会中收集描述 在...

删除树视图内的垂直线

试图用html和css树视图实现树视图并按预期工作，但是ul展开时的垂直线无法删除， li里面的延长线需要重新...

如何用CSS选择最后一个元素？

我正在开发一个步进器，我想要我最后一个带有显示的 .step-item：无。这是我的 HTML 代码： 我正在研究一个步进器，我想要我的最后一个.step-item和一个display: none。这是我的 HTML 代码： <div v-for="(step, i) in steps" :key="step.name"> <div class="stepper-wrapper d-flex flex-column"> <div class="stepper-item" :class="[step.completed ? 'completed' : '', isActive(step.name) ? 'active' : '']"> <div class="step-counter mr-5"> <i v-if="step.completed" class="fas fa-check" style="color:white; font-size: 11px;"></i> <h6 v-else class="modal-title muted-theme">{{ i + 1 }}</h6> </div> <div class="step-name">{{ step.description }}</div> </div> <span class="item-line"></span> </div> </div> 我需要选择最后一个用 .item-line 类渲染的跨度，并仅为该元素设置一个 display: none。 我尝试过使用像 :nth-child 这样的 CSS 伪选择器： //There are only 3 items //First try .stepper-wrapper span.item-line:nth-child(3){ background: black; } //Second try span.item-line:nth-child(3){ background: black; } //Third try item-line:nth-child(3){ background: black; } //Forth try span:nth-child(3){ background: black; } 知道如何选择该特定元素吗？ Pd：背景属性仅用于测试目的 创建的 HTML： /* First try */ .stepper-wrapper span.item-line:nth-child(3) { background: black; } /* Second try */ span.item-line:nth-child(3) { background: black; } /* Third try */ item-line:nth-child(3) { background: black; } /* Forth try */ span:nth-child(3) { background: black; } <div class="col-md-4 stepper-container"> <div class="text-center mt-5 mb-5 p-3"> <a style="cursor: pointer;"><img height="25px" src="/wc/ignacio/chronos-wallet-web/themes/chronos_wallet/images/chronos-pay.svg"></a> </div> <div> <a href="#/businessInformation" aria-current="page" class="router-link-exact-active router-link-active"> <div class="stepper-wrapper d-flex flex-column"> <div class="stepper-item completed active"> <div class="step-counter mr-5"><i class="fas fa-check" style="color: white; font-size: 11px;"></i></div> <div class="step-name">Carga documentos de tu empresa</div> </div> <span class="item-line"></span></div> </a> </div> <div> <a href="#/jumioVerification" class=""> <div class="stepper-wrapper d-flex flex-column"> <div class="stepper-item"> <div class="step-counter mr-5"> <h6 class="modal-title muted-theme">2</h6> </div> <div class="step-name">Verificación de identidad</div> </div> <span class="item-line"></span></div> </a> </div> <div> <a href="#/finalBeneficiaries" class=""> <div class="stepper-wrapper d-flex flex-column"> <div class="stepper-item"> <div class="step-counter mr-5"> <h6 class="modal-title muted-theme">3</h6> </div> <div class="step-name">Ingresá los beneficiarios finales</div> </div> <span class="item-line"></span></div> </a> </div> </div> 要在 stepper wrapper 的最后一个直接子元素中获取具有类 item-line 的元素，您需要选择最后一个直接子元素，然后选择 item-line 元素。 你在选择中的准确程度取决于所有可能的场景，但使用你提供的代码应该做到这一点： .stepper-container > div:last-of-type span.item-line { display: none; } 尝试使用它，它会起作用 .item-line:last-of-type { display: none; }

CSS中的“大于”或“>”字符如何使用？

我在 CSS 文件中多次看到这个字符，但我不知道它是如何使用的。任何人都可以向我解释一下并展示它们如何有助于使页面样式更容易吗？

无法在 selenium 中使用 By.CLASS_NAME 抓取文本

每次我尝试抓取页面的 HTML 时，我都会遇到同样的错误： selenium.common.exceptions.InvalidSelectorException：消息：无效的选择器：指定了无效或非法的选择器 我知道...

使用 Selenium 在 Python 中从 div 中的动态内容中抓取 pdfs 链接

我正在尝试从联邦议院的网站上抓取一些 PDF 的链接。 关于同一个问题有一个老问题，但它没有提供答案。然而，我把它贴在这里是为了上下文...

CSS第一个和最后一个孩子与父母无关

我想让第一个和最后一个 .highlighted 元素变成红色。中间突出显示的类应该是紫色的。为任何数量或排列的.highlig寻求动态CSS解决方案...

Testcafe Selector 功能，它们是如何工作的？

当你有一个选择器和一些链接的功能时 Selector('[data-testid="somevalue"]') .nth(0) .find('div') .withAttribute('class', 'someclass'); 这是否可以作为...

如何将 css 规则应用于元素的所有后代

如果一个类在另一个特定类中，您如何重新定义该类？ div.cls { 颜色：蓝色； } div.tst > div.cls { 红色; } test // 文本颜色 = 蓝色 ...

如何使用 CSS 批量选择类 [重复]

我有一张桌子，上面有“column-1”、“column-2”等类...... 我想选择所有带有“-”和 &q 的单词“column”的类...

剧作家：toHaveAttribute在检查Meta Keywords时不起作用

我想验证我们网站中的元关键字。为了验证，我使用了 toHaveAttribute 和这个 xpath： page.locator('[name="keywords"]'); 我的场景是： 去查看页面源码 找到 ...

如何选择多个类的子元素？

如果我有几个 div，它们都有各自的类名，有没有办法在它们之间选择一个共同的子元素？ 在下面的示例中，我有三个 div（共 5 个），它们有一个共同的列...

CSS 深度嵌套：last-child 选择器

我正在使用一些 html 组件，我基本上想在特定类上设置一个 :last-child 选择器。问题是这个类深深地嵌套在我想要我们的父类中......

如何让不同尺寸的图像在画廊页面中成排平滑地堆叠在一起？

画廊看起来像这样： 它具有不希望的间距。 这是我要实现的目标的示例： https://codepen.io/LilyAnne56/details/jOvqgZp 他们在 html 中使用了三个 div 标签。我...

特定语言的自定义字体 shopify

我需要为特定语言添加自定义字体（url、名称）我的 shopify 商店有两种语言，第一种语言是英语，第二种语言是阿拉伯语 我尝试在主题自定义 css 中使用 css 来做到这一点...

如何使用 Python Selenium 选择具有相同类名但不同条件的第一个 div

Python Selenium 的新手，我想选择第 3 个： 来自以下 3 具有相同类名的类。我不确定 b 是什么意思... Python Selenium 的新手，我想选择第三个： <div class = "inner-TPBYkbxL" ...> 来自以下 3 <div> 具有相同班级名称的班级。不知道是什么意思 <... "data-is-fake-main-panel" = "true" or "false"> 之后 <div class = "inner-TPBYkbxL" ...> 快照： 我应该如何构建我的 selenium 网络驱动程序脚本？ 我试过以下： driver.find_element_by_xpath("//div[@class='inner-TPBYkbxL']").click() 但它返回： selenium.common.exceptions.ElementNotInteractableException: Message: element not interactable 通常 <div> 元素不可交互，除非有一些例外情况。因此，当您在 click() 元素上调用 <div> 时： driver.find_element_by_xpath("//div[@class='inner-TPBYkbxL']") 你面对的是： selenium.common.exceptions.ElementNotInteractableException: Message: element not interactable 这个用例 不是很清楚为什么你会点击一个<div>元素。但是要识别元素： <div class = "inner-TPBYkbxL" data-is-fake-main-panel="false"> 您可以使用以下任一定位器策略： 使用CSS_SELECTOR： element = driver.find_element(By.CSS_SELECTOR, "div,inner-TPBYkbxL[data-is-fake-main-panel='false']") 使用XPATH： element = driver.find_element(By.XPATH, "//div[@class='inner-TPBYkbxL' and @data-is-fake-main-panel='false']") 注意：您必须添加以下导入： from selenium.webdriver.common.by import By

Cypress - 如何根据名称定位 WebElement？

下面是网络元素的dom， 质量保证测试数据 1 下面是网络元素的dom， <span _ngcontent-vej-c357="" class="tree-oooo-name mr-2 mod-cursor-pointer"> qa-testData1 <span _ngcontent-vej-c357="" class="some-name"><!----></span></span> <span _ngcontent-vej-c357="" class="tree-oooo-name mr-2 mod-cursor-pointer"> qa-testData2 <span _ngcontent-vej-c357="" class="some-name"><!----></span></span> 注意：在dom中，有超过10个具有相同标识符的元素 - tree-oooo-name mr-2 mod-cursor-pointer 当我尝试使用下面的标识符时，它给出了超过 1 个匹配元素 span[class*='tree-oooo-name'] 有没有办法在不使用 xpath 的情况下根据名称（qa-testData1 和 qa-testData2）识别元素？