在包含专注输入元素的div前面突出显示div

Question

<div>highlight me</div><div><input /></div> 

当用户将其光标放在输入框中并触发：focus时，我想突出显示第一个div（对其应用样式）。

非工作示例：https://codepen.io/samkeddy/pen/vJaqqv

Answer 1

function highlight() 
 
{ 
 
var div=document.getElementById("higlightDiv"); 
 
    div.style.color="red"; 
 
}

div{ 
 
    color:blue; 
 
}

<div id="higlightDiv">highlight me</div><div><input type="text" onfocus="highlight();" /></div>

您可以用JavaScript像这样做我猜

Answer 2

其实以前的解决方案是绝对的，而是
如果你不想使用javascript在这里你可以去与小css我已经做了我不，如果这可以帮助你或不是，但对你的问题的小方法

input:focus + .head{ 
 
    color: red; 
 
}

<input> 
 
<div class="head">highlight me</div>