フォーカス入力要素を含むハイライトdiv先行div

Question

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

ユーザーがカーソルを入力ボックスに置き、フォーカスをトリガーすると、最初の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>