ExampleEdit

by J. Albert Bowden

HTML

<!-- Learn about this code on MDN: https://developer.mozilla.org/en-US/docs/Web/CSS/Adjacent_sibling_combinator -->

<ul>
  <li>One</li>
  <li>Two!</li>
  <li>Three</li>
</ul>
<label>label</label>
<div>
div
</div>

CSS

li:first-of-type + li {
  color: red;
}
label + div {
  color: red;
  outline:10px solid #00f;
  background:#000;
}