100-Front-End-Interview-Questions/pseudo-elements.html at master · Dylan-Israel/100-Front-End-Interview-Questions · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<html>

<head>
    <style>
        p::first-letter {
            font-size: 50px;
        }

        p::first-line {
            color: red;
        }

        p::before {
            content: 'My P Tag';
            background-color: yellow;
        }

        p::after {
            content: 'End';
            color: blue;
        }
    </style>
</head>

<body>
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Consectetur iste illo voluptatibus debitis quidem, dicta
        reprehenderit quam velit labore consequatur, nulla tenetur veniam maiores in non, cum sequi! Optio, dignissimos.
    </p>
</body>

</html>