css-selectors 相关问题

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

将鼠标悬停在父元素上时设置子元素的样式

当鼠标悬停在父元素上时如何更改子元素的样式。如果可能的话，我更喜欢 CSS 解决方案。有没有可能通过 :hover CSS 选择器解决方案。实际...

css css-selectors

回答 4 投票 0

Jquery - 嵌套循环中的 $(this)

我不知道如何在 Jquery 中做某事。假设我有一个包含许多选择下拉菜单的表单，然后执行此操作... $('#a_form select').each(function(index) { }); 当进入这个循环时，我想要...

javascript jquery css-selectors each nested-loops

回答 3 投票 0

在CSS中的伪选择器之后添加类选择器

我可以在 CSS 规则中的伪类后面添加类选择器吗，例如： a:hover.my-class { 背景：红色； } 因此，如果我将鼠标悬停在我的锚标记link上，

css sass css-selectors pseudo-class

回答 2 投票 0

为什么伪元素不能用作 :has() 伪类中的参数？

CSS 规范给出了以下原因：注意：伪元素通常被排除在 :has() 之外，因为许多伪元素他们的存在是有条件的，基于他们祖先的风格，所以允许这些...

css-selectors pseudo-element pseudo-class

回答 1 投票 0

如何选择 div.box-type-1 的后代，但仅当 div.box-type-1 是具有 .box-type-* 类的最近祖先时？

我有带有彩色背景的容器，它们属于三个不同类别之一，由 sass 占位符 %dark-box、%light-box 和 %gradient-box 表示。我需要调整...

html css sass css-selectors

回答 1 投票 0

CSS/SCSS：如何选择 div.box-type-1 的后代，但仅当 div.box-type-1 是具有 .box-type-* 类的最近祖先时？

我有带有彩色背景的容器，它们属于三个不同类别之一，由 sass 占位符 %dark-box、%light-box 和 %gradient-box 表示。我需要调整...

html css sass css-selectors

回答 1 投票 0

使用 Select2 下拉列表后 Bootstrap 5 无法工作

Select2 功能运行正常。但是，Bootstrap 有一个问题，使用 Select2 后，Bootstrap 不再工作。我正在使用 Bootstrap 5.3。图片显示...

css-selectors dropdown bootstrap-5 jquery-select2 option-type

回答 2 投票 0

Scss - 如何添加后缀并选择作为直接子元素

这是我的代码：。A { > .b { > .c { & > &__内容{ 背景：黑色； } } } } 我想要的是： .a > .b > .c > .c__内容{ 背景：BL...

sass css-selectors

回答 1 投票 0

这是硒的怪事吗？

下面这段代码运行没有错误：从硒导入网络驱动程序从 selenium.webdriver 导入 ChromeOptions 从 selenium.webdriver.support.ui 导入 WebDriverWait 来自 selenium.web...

python css selenium-webdriver css-selectors

回答 1 投票 0

CSS 选择器：没有 <img> 作为子

我正在尝试选择链接到没有子图像标签的外部网站的所有锚标记。如果我有一个图像作为链接，它也会在这些图像旁边添加小的外部链接图标，...

css css-selectors

回答 2 投票 0

iOS/OSx：带有主机选择器的 CSS 嵌套不起作用

CSS 嵌套：host 不适用于 iOS/OSx 虽然我已经通过解决方法为自己解决了这个问题，但我提出这个问题有两个原因...... 我想知道这实际上是一个错误还是...

css macos nested css-selectors custom-element

回答 1 投票 0

尝试向网站页面添加弹出窗口，但 JavaScript 并未使弹出窗口在单击时消失

我正在尝试向网站页面添加一个弹出框，提示用户单击按钮来访问网站的其余部分。这个想法是，当他们单击弹出框中的按钮时，整个弹出窗口都会...

javascript html css css-selectors

回答 1 投票 0

有人可以向我解释一下第一个孩子或第n个孩子是如何工作的吗？

我只想设置体验容器内第一个 div 的样式，但它正在设置体验容器内所有 div 的样式。如何使用 :first-child 或 :nth-child 来做到这一点？这是我的鳕鱼...

html css css-selectors

回答 1 投票 0

是否有 CSS 优化器可以发现选择器中相同的单个属性并将它们分组在一起？

这是我期望的示例：输入： A { 背景：红色； } p { 背景：红色； } 强的 { 背景：红色；颜色：绿色； } 输出：强{颜色：绿色;} 一个，p，

php css optimization css-selectors utilities

回答 2 投票 0

我可以在另一个 :has 选择器中使用 :has 选择器吗？

我想做到这一点，以便每当有人将鼠标悬停在.list中的类.a（或.b）上时，更改具有相同类的图标的样式。我想做到这一点，以便每当有人将鼠标悬停在.list中的类.a（或.b）上时，更改具有相同类的图标的样式。 <div class="icons"> <a class="a"></a> <a class="b"></a> </div> <div class="list"> <span class="a">A</span> <span class="b">B</span> </div> 我尝试过以下方法，但没有成功。 icons:has(.a:hover) .a { color: blue; } 除了您的代码没有实际实现相关代码之外，它还有许多其他问题：您正在选择<icons>，它不存在 .icons .a 中没有任何内容可供悬停您正在使用后代选择器，选择 .a 外部与内部相同的 :has 一旦你纠正了这些，你就可以看到 :hover 里面的 :has 有效： .icons:has(.a:hover) + .list .a { color: blue; } <div class="icons"> <a class="a">X</a> <a class="b">Y</a> </div> <div class="list"> <span class="a">A</span> <span class="b">B</span> </div> 现在，如果您将光标悬停在 X 上，A 将变为蓝色。但是，在回答此问题时，某些浏览器不支持 :has 本身；最值得注意的是，它在 Firefox 上默认未启用。要回答截至 07/2024 的标题中的问题，这里引用来自 MDN Web Docs： :has() 伪类不能嵌套在另一个 :has() 中。这是因为许多伪元素根据其祖先的样式有条件地存在，并且允许通过 :has() 查询这些元素可以引入循环查询。

css css-selectors

回答 2 投票 0

使用 nth-child 来实现不一致的格式？

编写这段代码最经济的方法是什么？ .colHeaders div:nth-child(2), .colHeaders div:nth-child(3), .colHeaders div:nth-child(4), .colHeaders div:nth-child(11), .colHeaders div:nth-chil...

html css css-selectors

回答 1 投票 0

如何使用 python selenium 单击带有文本 bb1 的元素

bb1 下面一个是通过完整 x 路径查找危险元素

python selenium-webdriver xpath youtube css-selectors

回答 1 投票 0

使用 :not 选择器排除 div 及其所有后代

我有一种情况，需要将浅黄色背景的紫色字体颜色样式应用于具有 RadDiv 类的 div 之外的所有 div。这意味着所有嵌套的 div...

html css css-selectors

回答 3 投票 0

如何将类选择器与属性选择器结合起来？（逻辑与——必须满足两个条件）

我有以下 HTML：宽按钮窄按钮我已经