CSS Pseudo Elements: Guide

Guide by Jahleel Tucker — www.linkedin.com/in/jahleel-tucker-934526219

A CSS pseudo-element is a keyword that allows you to be able to select a specific part of any element.

:: before - Creates a pseudo-element that selects the first child of any selected element.

Get Jahleel Tucker’s stories in your inbox

Join Medium for free to get updates from this writer.

Remember me for faster sign in

:: After - Creates a pseudo-element that selects the last child of any selected element.

:: first-letter- Applies styles to the first letter of the first line of a selected element.

:: first-line— Applies styles to the first line of a selected element.

:: placeholder — this pseudo-element applies to the placeholder text in an <input> or <textarea> element.

:: file-selector-button— this pseudo-element represents the button of an <input> of type-”file”.