Using Universal Selector (*) In Conjunction With The Adjacent Selector (+)

When is the right time to use the universal selector in combination with the adjacent selector in CSS? For instance: * + fieldset {...}

Solution 1:

This will be good when fieldset is not the :first-child.

The below snippet demonstrates the best use-case:

* + fieldset {
  background: red;
}

<div>
  <fieldset>
    ...
  </fieldset>
</div>

<div>
  <p>...</p>
  <fieldset>
    ...
  </fieldset>
</div>