CodePen Embed - CSS3 - Adjacent Selector


    <h2>Heading 2</h2>
    <ul>
      <li>One</li>
      <li>Two</li>
      <li>Three</li>
    </ul>
    <h3>Heading 3</h3>
    <ul>
      <li>One</li>
      <li>Two</li>
      <li>Three</li>
    </ul>
    <h4>Heading 4</h4>
    <ul>
      <li>One</li>
      <li>Two</li>
      <li>Three</li>
    </ul>
<h3>Heading 3</h3>
    <ul>
      <li>One</li>
      <li>Two</li>
      <li>Three</li>
    </ul>

h3 + ul {
  background: yellow;
}

This Pen is owned by Nicholas Coughlin on CodePen.

See more by @nicholascoughlin on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.