Infosys-CSS/Selector.html at main · Shanisoni/Infosys-CSS · 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
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Selectors</title>

    <style>
        p{
            color: rgb(11, 112, 78);
        }
        #Shani{
            color: rgb(255, 30, 0);
        }
        #soni{
            background-color:darkblue;
            color:rgb(35, 255, 189);
        }
        #bhai{
            background-color:darkcyan;
            color:aqua;
        }


        .Star{
            color:rgb(66, 66, 196)

        }

        p{

            width:500px;
        }

        /* For any specific class */
        p,Star{
            height:200px;
            text-align: center;
        }

    </style>
</head>
<body>


<!-- Element selector -->

<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Iure impedit facilis sunt corporis eius ab nemo rem in? Pariatur voluptas quae sint delectus, necessitatibus earum, reprehenderit praesentium consequatur, quaerat iste illo. Mollitia possimus neque recusandae quos esse harum quod soluta, optio hic quam, amet adipisci modi quo perferendis asperiores ut facere delectus ea, eos velit voluptatum rerum ducimus. Exercitationem cumque quibusdam ullam nam consequatur ab quae, sequi laborum obcaecati harum ipsam aliquid quia? Vero expedita veniam nulla magnam labore voluptate, reprehenderit sapiente voluptatum provident pariatur totam inventore nemo quae amet. Sunt exercitationem eos saepe doloribus. Porro minus accusamus assumenda dolore?</p>

<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Sequi nostrum, quisquam in quasi soluta blanditiis, vero sit quos earum mollitia id eaque? Architecto, aliquam fuga. Facilis tempora ipsum cumque quasi aliquid voluptatem. Consectetur cupiditate ab aliquam facilis. Architecto ut pariatur sed magnam! Numquam, vero animi architecto sunt nemo sint dignissimos.</p>


<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ducimus dolor eius, sequi porro quaerat eaque, ut nihil repellat earum natus iure, sint ratione illo neque?</p>


<!-- Id_selector -->

<p id="Shani">Lorem ipsum dolor sit amet consectetur adipisicing elit. Iure impedit facilis sunt corporis eius ab nemo rem in? Pariatur voluptas quae sint delectus, necessitatibus earum, reprehenderit praesentium consequatur, quaerat iste illo. Mollitia possimus neque recusandae quos esse harum quod soluta, optio hic quam, amet adipisci modi quo perferendis asperiores ut facere delectus ea, eos velit voluptatum rerum ducimus. Exercitationem cumque quibusdam ullam nam consequatur ab quae, sequi laborum obcaecati harum ipsam aliquid quia? Vero expedita veniam nulla magnam labore voluptate, reprehenderit sapiente voluptatum provident pariatur totam inventore nemo quae amet. Sunt exercitationem eos saepe doloribus. Porro minus accusamus assumenda dolore?</p>

<p id="soni">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Sequi nostrum, quisquam in quasi soluta blanditiis, vero sit quos earum mollitia id eaque? Architecto, aliquam fuga. Facilis tempora ipsum cumque quasi aliquid voluptatem. Consectetur cupiditate ab aliquam facilis. Architecto ut pariatur sed magnam! Numquam, vero animi architecto sunt nemo sint dignissimos.</p>


<p id="bhai">Lorem ipsum dolor sit amet consectetur adipisicing elit. Ducimus dolor eius, sequi porro quaerat eaque, ut nihil repellat earum natus iure, sint ratione illo neque?</p>


<!-- Class Selector -->

<p class="Star">Lorem ipsum dolor sit amet consectetur adipisicing elit. Iure impedit facilis sunt corporis eius ab nemo rem in? Pariatur voluptas quae sint delectus, necessitatibus earum, reprehenderit praesentium consequatur, quaerat iste illo. Mollitia possimus neque recusandae quos esse harum quod soluta, optio hic quam, amet adipisci modi quo perferendis asperiores ut facere delectus ea, eos velit voluptatum rerum ducimus. Exercitationem cumque quibusdam ullam nam consequatur ab quae, sequi laborum obcaecati harum ipsam aliquid quia? Vero expedita veniam nulla magnam labore voluptate, reprehenderit sapiente voluptatum provident pariatur totam inventore nemo quae amet. Sunt exercitationem eos saepe doloribus. Porro minus accusamus assumenda dolore?</p>

<p class="Star">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Sequi nostrum, quisquam in quasi soluta blanditiis, vero sit quos earum mollitia id eaque? Architecto, aliquam fuga. Facilis tempora ipsum cumque quasi aliquid voluptatem. Consectetur cupiditate ab aliquam facilis. Architecto ut pariatur sed magnam! Numquam, vero animi architecto sunt nemo sint dignissimos.</p>


<p class="Star">Lorem ipsum dolor sit amet consectetur adipisicing elit. Ducimus dolor eius, sequi porro quaerat eaque, ut nihil repellat earum natus iure, sint ratione illo neque?</p>


</body>
</html>