CSS code for pseudo elements

 <!DOCTYPE html>

<html>

    <head>

        <title>Page Title</title>

        <style>

            p.intro::first-line{

    color: red;

}

span::before{

 content:url("https://www.linkpicture.com/q/resize-16235835291925225820.png");

}

::marker{

    color: red;

    font-size:30px;

}

        </style>

    </head>

    <body>

        <p>my name is Gaurav Soni and i am in college. i an doing BCA. i am in 1st year. </p>

        <p class="intro">hi</p>

        <span>you can insert text, images and other resources using <strong>:before </strong>pseudo elements</span><br />

        <span>you can insert text, images and other resources using <strong>:before </strong>pseudo elements</span>

        <ul>

            <li>coffee</li>

            <li>tea</li>

            <li>milk</li>

        </ul>

        <ol>

            <li>first</li>

            <li>second</li>

            <li>third</li>

        </ol>

    </body>

</html>


OUTPUT





Comments