Selector in css

technical talkiess
0

 <!DOCTYPE html>

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>css selectors</title>
</head>
<style>
    /* attribute selector */
    p{
        color: red;
    }
    /* id selectors */
    #Secondpara{
        color: yellow;
    }
    /* class selectors */
    .thirdParam{
        color: pink;
    }
    /* group selectors */
    footer,span{
        color: green;
        background-color: yellow;
    }
</style>
<body>
    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Voluptate, adipisci?</p>
    <p id="Secondpara">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Voluptate, adipisci?</p>
    <p class="thirdParam">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Voluptate, adipisci?</p>
    <span>Group selectors</span>
    <footer>This is the css selectors tutorial </footer>
</body>
</html>
Tags

Post a Comment

0Comments

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

Post a Comment (0)