csstdg5figs/03-pseudo-class-and-element-selectors/selection-styling.html at main · meyerweb/csstdg5figs · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<base href="http://www.meerkat.web/">
<title>Selection styling</title>
<style type="text/css">
body {padding: 1em; width: 27em;}
.p1::selection {color: silver; background-color: black;}
.p2::selection {color: black; background-color: silver;}
</style>
</head>
<body>

<p class="p1">This is a paragraph with some text that can be selected, one of two.</p>
<p class="p2">This is a paragraph with some text that can be selected, two of two.</p>

</body>
</html>