html - 如何在文本框获得焦点时显示任何 div？

Question

如何在 input.searchtext 获得焦点时显示 div.show？

<div class="select-form-holder">
   <input class="searchtext" type="text" value="Find Friends, Movies, T.V shows Games" />
   <div class="show-on-focus">xyz</div>
   <input type="submit" class="btn-search" title="Search" />
</div>

Answer 1

.searchtext:not(:focus) + .show-on-focus {
    display: none;
}

它显示:“如果 searchtext 不是 :focused，如果它是 show-on-，则获取下一个兄弟焦点”。