Selector for one tag directly followed by another tag

Question

This selects all tags directly preceded by tags:

A+B {
    /* styling */
}

What is t

Answer 1

Although it's not very handy, nowadays you could achieve this behavior by reversing the order of your elements both when you generate the HTML and by applying the CSS rules: display: flex and flex-direction: column-reverse

ul {
  display: flex;
  flex-direction: column-reverse;
}

.b ~ .a {
  color: red;
}

    
A 3
    
C 2
    
C 1
    
B 1
    
A 2
    
A 1

Also, if you have 2 or more inline elements, you could achieve it by applying float: right, as they will be displayed in reverse order:

ul {
  float: left;
  list-style-type: none;
}

li {
  float: right;
}

li:not(:first-child) {
  margin-right: 20px;
}

.b ~ .a {
  color: red;
}

    
A 3
    
C 2
    
C 1
    
B 1
    
A 2
    
A 1