3. CSS3 - język opisu wyglądu

3.4. Pseudoelementy

Pseudoelementy ::before i ::after
  • Dodają treść przed lub po zawartości elementu.
p::before {
    content: ">> ";
    color: red;
}
Dodaje tekst >> przed każdym akapitem.
Pseudoelement ::selection
  • Stylizuje część zawartości elementu, która jest zaznaczona przez użytkownika.
p::selection {
  color: blue;
  background: gray;
}
Ustawia niebieski kolor czcionki oraz szare tło dla zaznaczonego tekstu.
Pseudoelement ::first-letter
  • Stylizuje pierwszą literę zawartości elementu.
p.intro::first-letter {
  color: #ff0000;
  font-size: 200%;
}
Ustawia pierwszą literę akapitu należącego do klasy "intro" na kolor czerwony oraz powiększa ją.

Lektura uzupełniająca: W3Schools / CSS Pseudo-elements