CSS Element Selectors6

by istiq20

HTML

<!DOCTYPE html>
<html>
  <head>
    <title>CSS Element Selectors</title>
  </head>
  <body>
  
    <h2>Menu</h2>
    <div>Drinks</div>
      <ul>
        <li>Coffee</li>
        <li>Tea</li>
        <li>Milk</li>
      </ul>

      <p>Foods</p>
      <ul>
        <li>Cake</li>
        <li>Cookies</li>
        <li>Snack</li>
      </ul>

    <h2>Another menu</h2>
    <ul>
      <li>Ice cream</li>
      <li>Mineral water</li>
    </ul>
    
  </body>
</html>

CSS

p ~ ul {
  background: green;
}