How to make it work? HTML
#nav input[type=text]:focus ~ #two {
color: red;
}
<div id=nav>
<input type="text" placeholder="Search" name="search">
</div>
<div id="two">Two jfjsoijfoisoivnosnovdnsnnoivnoinsionvonoiniso</div>
I think the problem is due to the separate div
elements.