Css 通过关注输入来改变跨度的样式

我想通过关注文本输入来展示单词“test”。 （当文本输入聚焦时，文本的z索引变为0） 但它不起作用。 （使用css。） 我的代码就在这里：

.text{
        position: absolute;
        z-index: -1;

    }
    .main{
        background: #ababab;
    }
    .input-textbox input:focus + span {
        z-index: 0;
    }
<div class="main">
    <div class="textbox">
        <input type="text" class="input-textbox">
        <span class="text">test</span>
    </div>
</div>

.text{
位置：绝对位置；
z指数：-1；
}
梅因先生{
背景：阿巴巴；
}
.输入文本框输入：焦点+范围{
z指数：0；
}
测试

选择器错误，请更改为以下选项

.input-textbox:focus + span {
    z-index: 0;
}

---

这是

请尝试这样的选择器

input.input-textbox:focus + span {
        z-index: 0;
}

---

你的问题让人觉得有点粗鲁，因为看起来你在课文中没有花太多精力。请保持礼貌，在语法、拼写和交互功能方面多做些工作（少加感叹号就好了）。此外，请更具体地说明您的问题，并告诉我们您尝试了什么。所有这些都将有助于你的问题得到好的答案。请注意，您可以随时编辑您的问题以改进它。这是正确的！！！非常感谢！！！！！