css-selectors 相关问题

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

java.lang.ClassCastException:无法使用executeScript()从shadowHost返回shadowRoot转换为org.openqa.selenium.WebElement

遇到问题: java.lang.ClassCastException:com.google.common.collect.Maps$TransformedEntriesMap 无法转换为 org.openqa.selenium.WebElement 代码试验: JavascriptExecutor 执行 = (

回答 3 投票 0

为什么背景图片没有加载我的css文件

我正在尝试加载背景图像,因此我使用CSS背景图像URL,但它不起作用,这意味着它没有加载。 。家 { 显示:柔性; 对齐项目:居中; 最小高度:...

回答 3 投票 0

为什么元素应用的是字体大小属性,而不是颜色属性?

我正在自学Html/Css,请像个傻瓜一样向我解释一下(唷!) 帮助消除我试图在无序列表中定位列表项的疑问。我意识到颜色属性不可能是

回答 1 投票 0

为什么 CSS 'Font-size' 属性适用,但 'color' 属性不适用于下面我的 <li> 标签?

我正在自学Html/Css,请像个傻瓜一样给我解释一下(唷!) 帮助消除我试图在无序列表中定位列表项的疑问。我意识到颜色属性不可能是

回答 1 投票 0

动态div加载后执行函数

如何在加载页面上的 div 部分后执行 JavaScript?仅使用标准 JavaScript。 这是有问题的 div 部分,摘自 (https://hera-warm-demo.mybigcom...

回答 1 投票 0

使用 if-else 为数据类赋值时,Selenium 会获取重复项

我试图从网站上抓取产品(名称,价格,img,url),但因为价格值可能是字符串货币(例如:1.000.000đ)或“Giá Liên Hệ”,所以我想检查价格是否= &quo...

回答 1 投票 0

使用JavaScript隐藏标签下的Div

如何使用 JavaScript(不是 jQuery)隐藏 div paymentProviderHeader-cc,但无需这些类的帮助,因为页面中的另一个部分具有与我不使用的相同的 div/类...

回答 1 投票 0

我已经在我的项目中安装了Tailwindcss,并在初始化后配置了内容。但是,我的样式没有应用到页面中

这是我的顺风配置文件。我已经尝试了 stackoverflow 中可用的其他一些内容仍然不起作用。 除了内容之外还有其他任何错误吗?提前致谢 /** @t...

回答 1 投票 0

无法从 Ion-Content 中访问 css 全局变量

我可能对 Ion-Content 组件的工作原理缺乏一些了解,但我无法从 Ion-Content 组件的子组件中访问 css 全局变量。每当我尝试分配一个全局

回答 1 投票 0

CSS 选择器中的类名区分大小写吗?

我一直在到处读到 CSS 不区分大小写,但我有这个选择器 .度假型.自助式 当我在 HTML 中使用它时,像这样,会被拾取 我一直在到处读到 CSS 不区分大小写,但我有这个选择器 .holiday-type.Selfcatering 当我在 HTML 中使用它时,就像这样,会被选中 <div class="holiday-type Selfcatering"> 如果我像这样更改上面的选择器 .holiday-type.SelfCatering 然后样式不会被拾取。 有人在撒谎。 CSS选择器通常不区分大小写;这包括类和 ID 选择器。 但是 HTML 类名是区分大小写的(请参阅属性定义),这会导致第二个示例中的不匹配。这在 HTML5 中没有改变。1 这是因为选择器的区分大小写取决于文档语言的内容: 所有选择器语法在 ASCII 范围内都不区分大小写(即 [a-z] 和 [A-Z] 等效),除了不受选择器控制的部分。选择器中文档语言元素名称、属性名称和属性值的大小写敏感性取决于文档语言。 因此,给定一个具有 Selfcatering 类但没有 SelfCatering 类的 HTML 元素,选择器 .Selfcatering 和 [class~="Selfcatering"] 将与其匹配,而选择器 .SelfCatering 和 [class~="SelfCatering"] 则不会。2 如果文档类型将类名定义为不区分大小写,那么无论如何都会有匹配项。 1 在所有浏览器的怪异模式下,类和 ID 不区分大小写。这意味着大小写不匹配的选择器将始终匹配。由于遗留原因,此行为在所有浏览器中都是一致的,并且在本文中提到。 2 就其价值而言,选择器级别 4 包含建议的语法,用于使用 [class~="Selfcatering" i] 或 [class~="SelfCatering" i] 强制对属性值进行不区分大小写的搜索。两个选择器都会将 HTML 或 XHTML 元素与 Selfcatering 类或 SelfCatering 类(或者,当然,两者)相匹配。然而,类或 ID 选择器还没有这样的语法(还?),大概是因为它们带有与常规属性选择器不同的语义(没有与之关联的语义),或者因为很难想出可用的语法。 也许不是谎言,但需要澄清。 实际的 CSS 本身不区分大小写。 例如 wiDth:100%; 但名称必须区分大小写才能成为唯一标识符。 在怪异模式下,所有浏览器在使用 CSS 类和 id 名称时都表现得像不区分大小写。 在怪异模式下,CSS 类和 id 名称不区分大小写。在 标准模式它们区分大小写。 (这也适用于 getElementsByClassName。)了解更多。 有时,当您有如下错误的文档类型时,您的浏览器会进入怪异模式。 <!DOCTYPE html PUBLIC> <!DOCTYPE html anytext> 你应该使用标准文档类型 HTML 5 <!DOCTYPE html> HTML 4.01 严格 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> HTML 4.01 过渡 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> HTML 4.01 框架集 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> XHTML 1.0 严格 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> XHTML 1.0 过渡 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> XHTML 1.0 框架集 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> XHTML 1.1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 如果您的 CSS 类或 id 名称不区分大小写,请检查您的文档类型。 CSS 不区分大小写。 但在 HTML5 中,类和 ID 区分大小写 因此,CSS 属性、值、伪类名称、伪元素名称、元素名称不区分大小写 CSS class、id、url、font-families 区分大小写。 注意:在 html quirks 模式下,即使对于 ID 和类,CSS 也不区分大小写(如果删除 doctype 声明) CodePen 上的示例:https://codepen.io/swapnilPakolu/pen/MWgvQyB?&editable=true#anon-signup <!DOCTYPE html> <html> <head> <title>CSS case sensitive ?</title> <style> P#id {color:RED;} p#ID {font-size:30PX;} #iD {BORDER:4px solid blue;} .class {text-decoration:underLine;} .CLASS {background-color:graY;} .Class {font-weight:900;} #ID::afTeR {conTent:"colored text"; disPlay:bLock; color:#fAdAcA;} .class:hoVeR {background-color:lightblue;} </style> </head> <body> <p id="id" class="class">red and underline</p> <p id="ID" class="CLASS">30px font size and gray background</p> <p id="iD" class="Class">bold and blue border</p> </body> </html> 阿明在这里 我相信您可以通过在结束括号之前添加“i”来解决该问题。 它的意思是代替 :.holiday-type.SelfCatering 你可以试试这个: [class=".holiday-type.SelfCatering" i] 即使你使用大写的 C,你也能得到你的风格 所以,是的,class 和 id 区分大小写,但您可以使用“i”忽略敏感性

回答 5 投票 0

如何增加外部 css 相对于内部 css 的特异性?

如何增加外部(fcomponents.css)的特异性。在该CSS中有数千个代码需要更改,这将花费大量时间。如果有其他方法可以解决问题而不影响

回答 1 投票 0

使用 div 部分时的 CSS 选择器

我试图在小屏幕上隐藏 div(仅限桌面)的内容,但我很难将样式表中的 css 应用到 div。我只能假设这是因为 div 嵌套在...

回答 1 投票 0

CSS 选择器“(A 或 B)和 C”?

这应该很简单,但我找不到它的搜索词。 假设我有这个: 福 酒吧 在 CSS 中,我该如何

回答 5 投票 0

Python Selenium 在 ng datepicker 中输入日期

我正在尝试将日期输入日期选择器的文本部分,但 send_keys 不起作用。 这是 HTML: ...

回答 2 投票 0

CSS 似乎可以使用谷歌检查

你好,堆栈溢出, 我正在尝试更改页面上文本“aanbieding”的颜色:https://petgeek.nl/product/playbone/ 通常当我想这样做时,我只是检查它......

回答 2 投票 0

使用第 n 个子元素在网格中形成更大的方块

我需要一些帮助来使我的网格正确。我创建了一个显示问题的 CodePen。 和 我需要一些帮助来使我的网格正确。我创建了一个显示问题的CodePen。 与 <div class="parent"> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> </div> 和 .parent { margin: 0 auto; display: grid; gap: 10px; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 410px; } .child { background-color: #000; width: 200px; height: 100px; } .child:nth-child(2), .child:nth-child(4n) { grid-row: span 2; width: 200px; height: 210px; } 除了这里之外几乎都是正确的: 中间不应该有一排非方形框,它应该始终交替出现在右侧一个大方形框和左侧一个大方形框之间。 我会尝试这个: .child:nth-child(6n+2), .child:nth-child(6n+4) { } .parent { margin: 0 auto; display: grid; gap: 10px; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 410px; } .child { background-color: #000; width: 200px; height: 100px; } .child:nth-child(6n+2), .child:nth-child(6n+4) { grid-row: span 2; width: 200px; height: 210px; } <div class="parent"> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> </div> 这只是制定模式,然后制定如何选择它们的问题: 2,4 … 8, 10 … 14, 16 … 20, 22 … 26, 28 …

回答 1 投票 0

使用无线电显示/隐藏内容,无需使用Javascript

我正在尝试仅使用 CSS 和单选按钮来显示/隐藏一些内容。我在 Stack Overflow 上发现了一些可以解决问题的东西 https://jsfiddle.net/LLornfn8/ 但是,我需要用一些东西包裹我的收音机

回答 1 投票 0

抓取 DIV 内的内容 - BeautifulSoup

我正在使用 BeautifulSoap 用 Python 进行抓取 我必须抓取 DIV 内的文本 奥里奥登街, 2020 年澳大利亚新南威尔士州吉祥物, (角罗... 我正在用 Python 刮擦,使用 BeautifulSoap 我必须刮掉里面的文字DIV <div class="map-address"> O'Riordan Street, Mascot 2020 NSW Australia, (Corner Robey Street) </div> 我有这个代码 print (soup.select('div.map-address')) 但是我得到了这个输出 [<div class="map-address"> O'Riordan Street, Mascot 2020 NSW Australia, (Corner Robey Street) </div>] 我也尝试过 print (soup.select('div.map-address').text) # Error ... no attribute named text 怎么样 print (soup.select('div.map-address')[0].get_text().strip()) 请记住,select会返回给您一个列表。这就是为什么在打印它时会看到它周围的 [],也是为什么当您尝试读取 text 属性时会收到错误(您要求的是列表的 text 属性)。 因此,如果您获取第零个元素并对其调用 get_text ,它将得到您想要的东西。我添加了 strip 来删除周围的空白。 不漂亮,但有用。 你可以简单地使用这个, >>> for i in soup.select('div.map-address'): print(i.string) O'Riordan Street, Mascot 2020 NSW Australia, (Corner Robey Street) 通过 CSS 选择器 和列表理解。 >>> print ([i.text for i in soup.select('div.map-address')][0]) 通过soup.find。我们明确地告诉类属性的值是什么。 >>> print([i.string for i in soup.find('div', class_='map-address')][0]) O'Riordan Street, Mascot 2020 NSW Australia, (Corner Robey Street) 我解决了: if not soup.select('div.map-address'): print ("No Address") else: print (hotel_page_soup.select('div.map-address')[0].text) 请问我迷路了,这个美丽的汤库还是scrapy?

回答 4 投票 0

如果产品名称太长,Python Selenium 无法获取产品名称

我正在尝试从 https://www.nguyenkim.com/tim-kiem.html?tu-khoa=may+tinh 抓取所有产品(名称、图片、价格和链接),但如果产品名称是太长了,比如“Máy tính để bàn HP 205...

回答 1 投票 0

如何让 CSS 关键帧在按下按钮时播放?

我有一个在 5 个关键帧中播放的 CSS 动画。但是,我想将这些关键帧绑定到一个按钮。 。水{ 宽度:162px; 高度:162 像素; 背景颜色:#1D89E7; 边界半径...

回答 1 投票 0

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