csstdg5figs/03-pseudo-class-and-element-selectors/first-line-pseudo.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
20
21
22
23
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>The ::first-line pseudo-element in action</title>
<style type="text/css">
p::first-line {
  font-size: 150%;
  color: purple;
}
</style>
</head>
<body>

<p>
This is a paragraph of text that has only
one stylesheet applied to it. That style
causes the first line to be big and purple.
No other line will have those styles applied.
</p>

</body>
</html>