当输入div聚焦时显示div

Question

我想在输入字段聚焦时显示div(活动？)在下面的代码中,我想显示.text何时.input聚焦.我正在尝试这个:

HTML:

<div class="box">
    <input class="input" type="text" value="" />
    <div class="text">text</div>
</div>

CSS:

.text { display: none; }   
.input:focus .text { display: block; }

示例:

的jsfiddle

Answer 1

您需要使用兄弟CSS选择器:

.input:focus + .text{
    display: block;
}

更新小提琴