Как найти предыдущий брат тега HTML, используя только css

Я не думаю, что вы можете, однако вы можете найти следующего брата или сестру. Вы даже не написали, из какого элемента вы хотите искать и какова цель, но я предполагаю, что вы хотите перейти от <label> к <input>..?

Затем просто измените порядок, в котором они приходят в html, и вы можете вернуть порядок, используя css.

HTML:

<div class = "form-group">
  <input id = "userID" type = "text" class = "form-control" placeholder = "Enter User ID" tabindex = "1"/>
  <label for = "userID">User ID</label>  
</div>

css

.form-group {
    display: flex;
    flex-direction: column; // if they should be one one line each
}

[for = "userID"] {
    order: -1;
}