css-selectors 相关问题

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

无法利用应用程序脚本中的 CSS 选择器获取下一页链接

我试图使用应用程序脚本中的CSS选择器从此网页抓取下一页链接,但结果总是未定义,即使我定义的选择器是正确的。 函数 fetchInform...

回答 1 投票 0

当过渡颜色与初始颜色相同时,悬停时过渡延迟不会重置

鉴于codepen - https://codepen.io/jonny-b31/pen/ExzPypw 我创建了一个包含 2 个块的容器,当我将鼠标悬停在它们上时,我必须相应地更新背景。默认情况下,块 1 颜色是...

回答 1 投票 0

使用属性选择器从产品页面提取 URL?

我正在尝试通过 Google 标签管理器实现架构标记。 例如,一段代码可以从产品页面动态提取唯一的 URL。 简而言之,这将是“...

回答 0 投票 0

等待剧作家的选择器输入

所以我对剧作家有意见。 我试图用某个占位符填充输入字段。 使用: 等待 page.waitForSelector('input[placeholder="Text"]', { 状态:“

回答 2 投票 0

ng 构建会导致伪选择器发出警告

我在 ng 构建过程中遇到错误 [警告] 由于选择器错误而跳过了 6 条规则: .amplify-accordion__item:where() -> 空子选择器 .amplify-accordion__item:where() -> 空子

回答 1 投票 0

伪元素嵌套CSS不适用于在<details>下使用`&`作为::标记,但<summary>

尝试使用伪元素 ::marker 进行 CSS 嵌套功能,但发现奇怪的是这种嵌套不起作用 细节 { 内边距:4px; & 概括 { 红色; &::

回答 1 投票 0

在tailwind中使用map生成兄弟类

我正在使用 tailwind、react 和 nextjs 创建一个网站。我正在尝试利用检查单选按钮技巧让网站在没有 JavaScript 的情况下显示不同的内容。我想做...

回答 1 投票 0

在selenium java中:无法切换到页面上显示的模式角色=“dialog”

我在这里打开页面: 页 我无法单击 cookie 对话框! 我也看不到 iframe 或警报窗口。我尝试了 getWindowHandles 但没有成功。 这是我的硒测试: 包装...

回答 1 投票 0

一个标签的选择器,后跟另一个标签[重复]

这将选择直接位于 标签前面的所有 标签: A+B { /* 样式 */ } 紧接着 标签的所有 标签的选择器是什么? 这是示例 HTML

回答 5 投票 0

如何使用基于嵌套子类的CSS相邻选择器?

我可以像这样使用相邻选择器: /* 当c和c相邻时,将第二个c涂成红色 */ .c + .c { 背景颜色:红色; } 但是当“.c”不存在时如何做同样的事情......

回答 1 投票 0

如何使用 jQuery 选择焦点元素

如何选择具有当前焦点的元素? jQuery 中没有 :focus 过滤器,这就是为什么我们可以使用这样的东西: $('输入:焦点').someFunction();

回答 8 投票 0

我讨厌这种开放式人工智能合作伙伴关系?

而且我讨厌马屁精模组。享受你的反乌托邦吧,白痴。禁止我,我希望感觉真的很好

回答 1 投票 0

Cypress:如何根据父母的孩子选择父母兄弟姐妹的孩子?

我正在寻找一个标签选择器,即基于 id="dropdown- Sex-health" 的 href="/chlamydia-treatment"。 所以基本上是想为我父母的兄弟姐妹的孩子找到一个选择器......

回答 3 投票 0

是否可以用CSS截取此文本,以便我可以隐藏它?

所以,基本上,我有这个由代码自动生成的 HTML 示例: 我想“显示:无”此文本但保持跨度内容可见 有吗

回答 1 投票 0

NoSuchElementException,Selenium 无法定位元素

我想在selenium中找到我的TextField,但我不知道如何(我第一次使用selenium)。 我试过: driver.findElement(By.id("originTextField")) 或通过 xPath 和 cssSelector 字符串

回答 4 投票 0

如何根据子类的伪类设置父类的样式?

我有一个包含输入标签的跨度,并且我在跨度中声明了一个 :after 伪元素来设置其样式。 跨度::之后{ 内容:'有效'; 颜色:绿色; } 输入:无效{ 轮廓:2px

回答 1 投票 0

干掉CSS - 多个父母一个孩子

我在下面分别列出了几个层次结构,其中第一个选择器是父 div,第二个是 div 中的图像项。但我能以某种方式将这些结合起来吗? .outdoors .how-to-image {

回答 4 投票 0

通过全局样式更改 PrimeNG 复选框的默认选中图标

我正在将 Angular 从版本 15 更新到版本 17。因此我还需要更新 primeNG。 我无法更改复选框的默认选中图标。 更改每个图标模板的图标...

回答 1 投票 0

使用内联 CSS 将表格转换为 HTML [已关闭]

如何使用内联CSS将该表格转换为HTML? 该表将在电子邮件程序中使用,仅内联 CSS。 这是用于创建表的原始代码。 如何使用内联CSS将该表格转换为HTML? 该表格将在电子邮件程序中使用,仅内联 CSS。这是用于创建表的原始代码。 <center> <table style="width:100%; color: #000000; font-family: inter; display: grid; grid-template-columns: 100% 100%; grid-template-rows: auto; align-items: stretch; padding: 50px;"> <div> <tr> <th>M&M</th> <th>Tech M</th> </tr> <tr> <td style="color: #19C353; text-align: center;">+4.5%</td> <td style="color: #E82619; text-align: center;">-1.9%</td> </tr> </div> <tr> <th>Power Grid</th> <th>Bharat Petroleum</th> </tr> <tr> <td style="color: #19C353; text-align: center;">+2.7%</td> <td style="color: #E82619; text-align: center;">-1.8%</td> </tr> <tr> <th>Shriram Finance</th> <th>JSW Steel</th> </tr> <tr> <td style="color: #19C353; text-align: center;">+2.3%</td> <td style="color: #E82619; text-align: center;">-1.5%</td> </tr> <tr> <th>IndusInd Bank</th> <th>HCL Tech</th> </tr> <tr> <td style="color: #19C353; text-align: center;">+1.9%</td> <td style="color: #E82619; text-align: center;">-1.5%</td> </tr> <tr> <th>Hero Moto</th> <th>Dr Reddy&apos;s</th> </tr> <tr> <td style="color: #19C353; text-align: center;">+1.9%</td> <td style="color: #E82619; text-align: center;">-1.4%</td> </tr> </table> </center> 您可以通过删除每个 div 中的第二个表格行来稍微调整它,并仅使用表格标题和类似段落标记的内容来设置表格标题的样式,而段落标记位于它们之间。 <div> <tr> <th style="backgroud-color: #e3e9e5; text-align: center; padding: 0.5em; border-radius: 10px;">M&M <p style="color: #19C353; text-align: center;">+4.5%</p> </th> <th style="backgroud-color: #e3e9e5; text-align: center; padding: 0.5em; border-radius: 10px;">Tech M <p style="color: #E82619; text-align: center;">-1.9%</p> </th> </tr> </div> grid-template-rows: auto; align-items: stretch; padding: 50px;"> <div style="border-radius: 10px; padding: 0.5em; "> <tr> <th style="border-radius: 10px; padding: 0.5em; background-color: #e3e9e5; text-align: center;">M&M <p style="color: #19C353; text-align: center;">+4.5%</p> </th> <th style="border-radius: 10px; padding: 0.5em; background-color: #e3e9e5; text-align: center;">Tech M <p style="color: #E82619; text-align: center;">-1.9%</p> </th> </tr> </div> <div style="border-radius: 10px; padding: 0.5em; "> <tr> <th style="border-radius: 10px; padding: 0.5em; background-color: #e3e9e5; text-align: center;">M&M <p style="color: #19C353; text-align: center;">+4.5%</p> </th> <th style="border-radius: 10px; padding: 0.5em; background-color: #e3e9e5; text-align: center;">Tech M <p style="color: #E82619; text-align: center;">-1.9%</p> </th> </tr> </div> <div style="border-radius: 10px; padding: 0.5em; "> <tr> <th style="border-radius: 10px; padding: 0.5em; background-color: #e3e9e5; text-align: center;">M&M <p style="color: #19C353; text-align: center;">+4.5%</p> </th> <th style="border-radius: 10px; padding: 0.5em; background-color: #e3e9e5; text-align: center;">Tech M <p style="color: #E82619; text-align: center;">-1.9%</p> </th> </tr> </div> <div style="border-radius: 10px; padding: 0.5em; "> <tr> <th style="border-radius: 10px; padding: 0.5em; background-color: #e3e9e5; text-align: center;">M&M <p style="color: #19C353; text-align: center;">+4.5%</p> </th> <th style="border-radius: 10px; padding: 0.5em; background-color: #e3e9e5; text-align: center;">Tech M <p style="color: #E82619; text-align: center;">-1.9%</p> </th> </tr> </div> </table> </center> </body> </html>

回答 2 投票 0

有人可以帮忙将此表转换为 HTML CSS,就像本文所附照片中的那样,使用内联 CSS 吗?

有人可以帮忙将此表转换为 HTML CSS,就像本文所附照片中的那样,使用内联 CSS 吗? 该表格将在电子邮件程序中使用,请仅使用内联 CSS。 这是RAW代码

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.