影响被:focus的元素的父元素（最好只使用CSS+HTML）

16 浏览
0 Comments

影响被:focus的元素的父元素（最好只使用CSS+HTML）

这个问题已经有了答案：

有CSS父选择器吗？

当或处于:focus状态时（或任何其他动态伪类），我如何更改父

的背景？

例如：

 

admin 更改状态以发布 2023年5月24日
0

2 答案

0 Comments

我唯一能想到的方式是使用JavaScript:

function focusLink(isOnFocus)
{
    if (isOnFocus)
      document.getElementById('formspace').className = "";
    else
      document.getElementById('formspace').className = "";
}

...

希望能帮到您!

0
0 Comments

你可以使用has()：

div:has(input:focus), 
div:has(a:focus) {
    background: pink;
}


不幸的是，CSS不支持父级选择器。:(
因此唯一的方法是使用像[jQuery parent method][1]这样的JavaScript。

更新：
CSS选择器4级将支持父级选择器！http://www.w3.org/TR/selectors4/#subject

0