Thread by @Insharamin

7 CSS properties that you may not be using.

A Thread 👇

1️⃣ ::first-letter

The ::first-letter is a pseudo-element that is used to add a style to the first letter of the specified selector.

Note: The pseudo-element only works if the parent element is a block container box

2️⃣ :nth-child

The :nth-child(n) selector matches every element that is the nth child, regardless of the type, of its parent.

It is used to style content based on its relationship with parent and sibling elements.
Note: n can be a number, a keyword, or a formula.

3️⃣ Disable a link

You can simply use the CSS pointer-events property to disable a link. The none value of this property specifies that the element is never the target of pointer events.

4️⃣ ::before

This CSS is a selector that allows you to choose a CSS element and insert content before every element with a specific class applied to it.
Use the content property to specify the content to insert.

5️⃣ ::after

The ::after selector inserts something after the content of each selected element.

Use the content property to specify the content to insert.

6️⃣ ::placeholder

The ::placeholder selector selects form elements with placeholder text, and lets you style the placeholder text.

Note: In most browsers, the placeholder text is a translucent or light gray color by default.