专注于搜索并不起作用

Question

我想做的代码会在用户点击搜索图标时显示搜索的输入字段。我写了它，但它不起作用。我尝试过：主动和：悬停，什么都没有。我认为问题出在＆gt;

的课堂上

#_hsync_pretraga_polje {
    padding-top: 8px;
    display: none;
}

._hsync_pretrtaga:focus > #_hsync_pretraga_polje {
    display: block;
}

<li>
    <a class="_hsync_pretrtaga"><span class="glyphicon glyphicon-search"></span></a>
    <a id="_hsync_pretraga_polje"><input type="text" class="form-control _hsync_reg_input" style="margin: 0;" id="_hsync_pretraga" placeholder="Pretraga korisnika"></a>
</li>

修改

我做了这个而没有。 <a>位于<li>。 CSS代码相同

<a>
    <span class="glyphicon glyphicon-search" class="_hsync_pretrtaga"></span>
    <input type="text" id="_hsync_pretraga_polje" class="form-control _hsync_reg_input" style="margin: 0;" id="_hsync_pretraga" placeholder="Pretraga korisnika">
</a>

Answer 1

要更改焦点或悬停在一个元素上的其他元素，您必须使用JS，因为您只能在CSS中更改子元素。