可以设置其他元素的样式:焦点?

时间:2014-04-18 12:14:58

标签: html css css3 css-selectors less

是否可以设置另一个元素的样式:特定元素的焦点?

类似的东西:

input:focus #header {
    display: none;
}

我尝试过这样做,但它没有用。

2 个答案:

答案 0 :(得分:3)

是的,如果元素是sibling元素的child:focus,则有可能。如果不是你的情况(影响你想要的任何东西),你应该使用javascript。

答案 1 :(得分:2)

.input:focus #header

这是应用选择#header

的后代的所有input

如果你想要一个兄弟姐妹,请使用下一个兄弟选择器+

input:focus + #header

For more information on child/sibling combinators