CSS - pseudo elementy ::selection


kod wynik kodu
<html>
<head>
<style type="text/css">
::selection {
  color: Purple;
  background-color: Yellow;
}
p::selection {
  color: DarkBlue;
  background-color: Orange;
}
h1::selection {
  color: Black;
  background-color: HotPink;
}
h2::selection {
  color: DarkBlue;
  background-color: Lavender;
}
h3::selection {
  color: white;
  background-color: MediumPurple;
}
</style>
</head>
<body>
<b>Zaznacz ten tekst lewym przyciskiem myszki.</b>
<p>Zaznacz ten tekst lewym przyciskiem myszki.</p>
<h1>Zaznacz ten tekst lewym przyciskiem myszki.</h1>
<h2>Zaznacz ten tekst lewym przyciskiem myszki.</h2>
<h3>Zaznacz ten tekst lewym przyciskiem myszki.</h3>
</body>
</html>
Zaznacz ten tekst lewym przyciskiem myszki.

Zaznacz ten tekst lewym przyciskiem myszki.

Zaznacz ten tekst lewym przyciskiem myszki.

Zaznacz ten tekst lewym przyciskiem myszki.

Zaznacz ten tekst lewym przyciskiem myszki.