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

The author made this story available to Medium members only.
If you’re new to Medium, create a new account to read this story on us.

Or, continue in mobile web

Already have an account? Sign in

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

Write a response

I was gonna say that I think "steroids" are a bad analogy. But after I actually bothered to read up on them, I think the analogy is perfect.
Steroids just make you look tougher without making you tough. From my experience using TS for a couple of…

A steroid is a biologically active organic compound with four rings arranged in a specific molecular configuration. Steroids have two principal biological functions: as important components of cell membranes which alter membrane fluidity; and as signaling molecules.