CodePen Embed - CSS Pseudo Selector Usage Example

<ul>
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
</ul>

ul li:first-child {
    border-top: 2px solid #333;
}

ul li:last-child {
    border-bottom: 2px solid #333;
}

This Pen is owned by coding clone on CodePen.

This Pen doesn't use any external CSS resources.

This Pen doesn't use any external JavaScript resources.