Sigma-Web-Development-Course/index35.html at main · param-code/Sigma-Web-Development-Course · 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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>More on CSS Selectors</title>
    <style>
        /* .box:first-child{
            background-color: red;
        }
        .box::first-line{
            color: yellow ;
        } */
        .boxes *{
            color: blue;
            border: 2px solid red;
        }
        p,a,.box,[data-color="Primary"]{
            margin-top: 45px; /*bahar se space*/
            padding-top: 45px; /*andar se space*/
        }
        .box:nth-child(even){
            background-color: yellowgreen;
        }
        .box:nth-last-child(1){
            background-color: aqua;
        }
        .boxes::before{
            content: "Harry is Good";
            color: blue;
        }
        .boxes::after{
            content: "Sigma Course is also Good";
            color: red ;
        }
        ::selection{
            color: aqua;
            background-color: black;
        }
        .box::first-letter{
            color: peru;
            font-size: 50px;
        }
        input::placeholder{
            color: blue;
        }
    </style>
</head>
<body>
    <div class="boxes">
        <div data-color="Primary" class="box">Hey! I am a Box Lorem ipsum dolor sit amet consectetur adipisicing elit. Cumque veniam harum tenetur delectus a, saepe ad. Dignissimos dolores excepturi omnis minima ullam? Mollitia commodi earum sunt facilis deleniti fugit voluptates!</div>
        <div class="box">Hey! I am a Box</div>
        <div class="box">Hey! I am a Box</div>
        <input type="text" placeholder="Type your text">
    </div>
</body>
</html>