设置同一父元素下的 p 元素之后的每一个 ul 元素的背景颜色 - 在线编辑器

          <!DOCTYPE html>
<html>
<head>
  <style>
    p~ul {
      background: #ff0000;
    }
  </style>
</head>
<body>

  <div>A div element.</div>
  <ul>
    <li>Coffee</li>
    <li>Tea</li>
    <li>Milk</li>
  </ul>

  <p>The first paragraph.</p>
  <ul>
    <li>Coffee</li>
    <li>Tea</li>
    <li>Milk</li>
  </ul>

  <h2>Another list</h2>
  <ul>
    <li>Coffee</li>
    <li>Tea</li>
    <li>Milk</li>
  </ul>

</body>
</html>
        