All Languages >> CSS >> adjecent sibling selectors

“adjecent sibling selectors” Code Answer

adjacent sibling selector

css by deadlymuffin

on Mar 11 2020 Donate

/*The adjacent sibling combinator (+) separates two 
selectors and matches the second element only if 
it immediately follows the first element, and
both are children of the same parent element.*/

li:first-of-type + li {
  color: red;
}

<ul>
  <li>One</li> // The sibling 
  <li>Two</li> // This adjacent sibling will be red
  <li>Three</li>
</ul>