CSS :last-of-type Pseudo Class - Playground Example

<!DOCTYPE html><html><head><style type="text/css">/* Target only the last paragraph in the container */
p:last-of-type {
  background-color: #e8f4fd;
  border-left: 5px solid #2196f3;
  padding: 10px;
  font-weight: bold;
}

/* Base styles for readability */
.container {
  font-family: sans-serif;
  line-height: 1.6;
  max-width: 400px;
  margin: 20px;
}</style></head><body><div class="container">
  <h2>My Journal</h2>
  <p>This is the first paragraph.</p>
  <p>This is the second paragraph.</p>
  <p>This is the third paragraph (the last of its type).</p>
  <img src="images/2.png" alt="Ending icon">
</div></body></html>