html - 可以在 :focus? 上设置其他元素的样式

Question

是否可以在特定元素的 :focus 上设置另一个元素的样式？

类似于:

input:focus #header {
    display: none;
}

我尝试这样做，但没有成功。

Answer 1

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