What are some examples of CSS pseudo-elements?

What are some examples of CSS pseudo-elements?

CSS pseudo-elements are used to style specific parts of an element. Common examples include ::before, ::after, and ::first-line.

Can you give me an example of how to use ::before?

Sure! You can use ::before to insert content before an element. For example:

h1::before {
  content: 'Note: ';
  color: red;
}

What about ::after? How is it different?

The ::after pseudo-element is similar but inserts content after an element. For example:

p::after {
  content: ' - Read more';
  font-style: italic;
}

Are there any other useful pseudo-elements?

Yes! Another useful one is ::first-letter, which styles the first letter of a block element. For example:

p::first-letter {
  font-size: 2em;
  color: blue;
}