Html 聚焦输入div时显示div

我想在输入字段聚焦（激活？）时显示一个div 在下面的代码中，我想在聚焦

.input

时显示

.text

。 我正在尝试这个：

HTML:

示例：

您需要使用：

您需要使用：

您也可以使用

~

：

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

您也可以使用

~

：

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

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

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