Selects every <ul> element that are preceded by a <p> element with CSS

CSSWeb DevelopmentFront End Technology

Use the element ~ element selector to select <ul> elements preceded by <p> element. You can try to run the following code to implement this


Live Demo

<!DOCTYPE html>
         p~ul {
            color: white;
            background-color: blue;
      <h1>Demo Website</h1>
         <p>Vegetables are good for health.</p>
      <p>Fruits are good for health.</p>
Published on 17-May-2018 09:39:48