在转换时组合CSS伪类

Question

我正在尝试在聚焦父元素时转换子元素。

我想做类似的事情：

parent:focus{
//do something to first-child
} 

这可能，还是需要JS？

Answer 1

我不确定这是不是你的意思。如果你这样做......

.parent:active .child {
    /* Style */
}

该样式将应用于焦点.child内的.parent元素。

这是一个显示其工作原理的fiddle。您可以单击大div中的任意位置来更改较小的（子）div。

Answer 2

你应该使用

parent:focus CHILD {
//do what you want on the child
}

示例：

ul li:focus a {
color:#000;
}

即使我不确定它是否适用于通常用于输入的:focus。最好将它与:hover（例如）一起使用。