相邻选择器前的样式元素

Question

我有一个带输入文本的表单（下面是伪代码）：

<form>
  <input type="text">
</form>

在字段中提交错误后，脚本会添加一些包含错误的ul列表：

<form>
  <input type="text">
  <ul class="errorlist">
      <li>This field has errors!</li>
  </ul>
</form>

我想为输入添加红色边框时出错 - 我试过这个：

input + .errorlist{border: 1px solid red}

它为ul元素添加了边框，而不是输入 - 我知道为什么（我已经阅读了文档）但是我想反转这个选择器 - 就像这样：

.errorlist + input{border: 1px solid red}

所以总结一下，我希望样式元素正确 BEFORE 另一个元素（在回答之前请仔细检查我的样式表和我的HTML） - 有没有办法用纯css实现这一点？