HTML Code

<!DOCTYPE html>
<html lang="en">
<head>
  <title>.item:last-of-type</title>
  <style>
    .item:last-of-type {
      color: red;
      font-weight: bold;
    }
  </style>
</head>
<body>
  <div class="container">
    <div class="item">First div</div>
    <div class="item">Middle div</div>
    <div class="item">Last div (matches)</div>
    <p class="item">Only p with .item (matches)</p>
  </div>
</body>
</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

CSS :last-of-type Pseudo-class — class + type