Member-only story

Master useful CSS pseudo-elements

Tapajyoti Bose
2 min readMar 7, 2021

--

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.

Placeholder

--

--

Tapajyoti Bose
Tapajyoti Bose

Written by Tapajyoti Bose

Top Rated Freelancer || Blogger || Cross-Platform App Developer || Web Developer || Open Source Contributor || FIRE Enthusiast

No responses yet