CSS选择具有父span的输入：before pseudo

Question

基本上，我想要做的是在输入聚焦时显示父范围的:before。这是我的代码。 HTML：

<span>
  <input type="text" placeholder="Some text here" />
  <p>Error will be shown here.</p>
</span>

和CSS：

input[type=text]:focus + span:before{
   display: inline-block;
   position: absolute;
   content: "";
   width: 200px;
   height: 30px;
   background-color: #000;
   border: 1px solid #f00;
   top: 0;
   left: 0;
}

但这不起作用。永远不会显示:before。也许有些事我做得不对劲。任何帮助将不胜感激。

这个问题不是Is there a CSS parent selector?的重复，因为我不是要选择父母。我正在选择父母的:before。做span > input:focus之类的工作但span:before > input:focus不起作用。