Member-only story
Master useful CSS pseudo-elements
Pseudo Elements in CSS enable the developers to style parts of an element, giving them the granular access to styling. In this article, we will cover some lesser used but pretty useful Pseudo Elements, which can help you CSS game to the next level!
Selection
The ::selection
CSS pseudo-element styles the part of a document that is selected by a user (such as clicking and dragging the mouse across text to highlight it).
Marker
The ::marker
CSS pseudo-element selects the marker box of a list item and generally contains a bullet or number. It works on any element or pseudo-element where the display
property is set to list-item
( display: list-item
), such as <li>
elements.