<div>
    <p>Paragraph 1</p>
    <ul>
        <li>Item 1</li>
        <li class="red">Item 2</li>
        <li>Item 3</li>
        <li>Item 4</li>
    </ul>
    <p>Paragraph 2</p>
</div>
/* element Selector to select body element */
body{
  background: #1D1D1D;
  color: #FFFFFF;
}  

div{
  width: 80%;
  margin: 0 auto;
  border: 1px dashed;
  padding: 20px 40px; 
}

/* Adjacent Sibling Selector*/
li.red + li {
  background: red;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.