Live
x
<html> <head> <title>Pseudo elementy c.d.</title> </head> <style> p { border: 1px solid tomato; margin: 10px; padding: 10px; width: 50%; } p.letter::first-letter { font-size: 1.3em; color: red; font-weight: 600; } p.line::first-line { color: violet; text-decoration: underline; } p.selection::selection { background-color: green; color: white; } </style> <body> <section> <p class="letter">Tekst nr 1</p> <p class="line">Atque qui maiores totam repellendus ducimus. Odit iure dolore officiis veritatis. Quia quo unde minima. Atque qui maiores totam repellendus ducimus. Odit iure dolore officiis veritatis. Quia quo unde minima.</p> <p class="selection">[Zaznacz fragment tekstu] Quos aut provident vero natus qui laborum. Et dolorem ipsa. Quis officiis ullam aut aut maxime laborum quas maxime distinctio. Eos laudantium quis quidem rerum saepe repellat consequuntur voluptatum. Molestias error pariatur itaque et.</p> </section> </body></html>
External CSS
This Pen doesn't use any external CSS resources.
External JavaScript
This Pen doesn't use any external JavaScript resources.