Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 是否可以设置其他元素的样式:焦点?_Html_Css_Css Selectors_Less - Fatal编程技术网

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

Html 是否可以设置其他元素的样式:焦点?,html,css,css-selectors,less,Html,Css,Css Selectors,Less,是否可以对另一个元素设置样式:特定元素的焦点 比如: input:focus #header { display: none; } 我试过这样做,但没有成功。是的,如果元素是的兄弟姐妹或子元素,则有可能是:focus元素。如果不是您的情况(影响任何您想要的),那么您应该使用javascript .input:focus #header 这是应用选择所有#标题,其中它们是输入的后代 如果您希望它是同级,请使用下一个同级选择器+: input:focus + #header 当然,这是

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

比如:

input:focus #header {
    display: none;
}

我试过这样做,但没有成功。

是的,如果元素是
的兄弟姐妹或
子元素,则有可能是
:focus
元素。如果不是您的情况(影响任何您想要的),那么您应该使用javascript

.input:focus #header
这是应用选择所有
#标题
,其中它们是
输入的后代

如果您希望它是同级,请使用下一个同级选择器
+

input:focus + #header

当然,这是行不通的,因为
input
永远不会有后代。确切地说,是兄弟姐妹还是后代。