当前位置: 首页 > 面试题库 >

影响:focus'd元素的父元素(首选纯CSS + HTML)

糜淇
2023-03-14
问题内容

我怎样才能改变父母的背景<div>的时候<input>或者<a>是:focus’d(或任何其他动态伪类?

例如

<div id="formspace">
<form>
<label for="question">
How do I select #formspace for the case when a child is active?</label>
<input type="text" id="question" name="answer"/></form></div>

问题答案:

不幸的是,css不支持父选择器。
因此,唯一的方法就是像jQuery父方法那样使用javascript 。

更新:
CSS选择器第4级将支持父选择器



 类似资料:
  • 急求!子元素设置了float:left,为什么是浮动到父元素的父元素(part1)上,而不是浮动到父元素(box1)上?想让这个子元素和学院新闻同行应该怎么办? 这是那个子元素 这是那个子元素 这是整体:

  • 问题内容: 假设我有几列,我想旋转其中的一些值: 使用此CSS: 问题答案: 假设您希望旋转90度,即使对于非文本元素也可以旋转-但是像CSS中许多有趣的事情一样,它需要一些技巧。根据CSS 2规范,我的解决方案还会从技术上调用未定义的行为-因此,尽管我已经测试并确认它可以在Chrome,Firefox,Safari和Edge中使用,但我不能保证将来不会损坏浏览器版本。 Short answer

  • 问题内容: 我正在寻找一种解决悬停问题的方法。 现在,图像和图层这两个类都有边框。两者的正常和悬停都有不同的颜色。有没有办法做到这一点,所以如果我将图层类悬停,则图层和图像类的悬停边框颜色都处于活动状态?反之亦然? 问题答案: 您不需要JavaScript。 一些CSS可以做到。这是一个例子:

  • 问题内容: 首先,我假设对于CSS3来说这太复杂了,但是如果某个地方有解决方案,我很乐意使用它。 HTML非常简单。 子div设置为显示:无;默认情况下,但更改为display:block; 当鼠标悬停在父div上时。问题是此标记出现在我网站上的多个位置,并且我只希望在鼠标悬停在其父项上方时显示该子项,而不是在鼠标悬停在其他任何父项上时都显示该子项(它们都具有相同的类)名称和ID)。 我尝试使用并

  • shadowdom结构:在上面的shadowdom结构中,我们可以在chrome中使用selenium和javascript访问各个元素,如下所示: 在Firefox中://div[@class='Style-Sconk-tabs'而不是(@隐藏)]//div/span[包含(text(),'AttrName')]/.../前驱兄弟姐妹::div/puch-icon-按钮[1]/铁图标[1] 在C

  • 我正在使用TestCafe选择器来选择元素。这是一个复杂的Custin Child嵌套场景。 下面是HTML以了解我上面提到的内容: 在图片中,我提到了和,它们是父元素(具有相同的DOM),有一个grand grand child,而另一棵树中相同父元素的grand grand child是。我需要,但需要链接,因为所有父节点都有相同的DOM。