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

Question

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

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

Answer 1

Я не думаю, что вы можете, однако вы можете найти следующего родного брата.Вы даже не написали, по какому элементу вы хотите искать и какова цель, но я предполагаю, что вы хотите перейти от <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;
}