Css pseudo selector in html

technical talkiess
0

 Css pseudo selector: 


<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Css pseudo selector </title>

</head>

<style>

    /* text select karne ke bad lagu hogi ye wali property  */

    ::selection{

        background-color: black;

        color: white;

    }

    /* p ke first letter ko capital kar denga ye  */

    p::first-letter{

        font-size: 43px

    }

    p::first-line{

    background-color: yellow;

    }

</style>

<body>

    <div class="container">

        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Veniam dolorum et consectetur debitis, ullam expedita perferendis ipsum repudiandae odio tempora iste quibusdam minima consequatur obcaecati at quia. Placeat, earum praesentium.</p>

        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Veniam dolorum et consectetur debitis, ullam expedita perferendis ipsum repudiandae odio tempora iste quibusdam minima consequatur obcaecati at quia. Placeat, earum praesentium.</p>

        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Veniam dolorum et consectetur debitis, ullam expedita perferendis ipsum repudiandae odio tempora iste quibusdam minima consequatur obcaecati at quia. Placeat, earum praesentium.</p>

    </div>

</body>

</html>
Tags

Post a Comment

0Comments

Thanks you for commenting your questions. I will see question and respond you.

Post a Comment (0)