-
Notifications
You must be signed in to change notification settings - Fork 1
/
SELECTORS.html
42 lines (33 loc) · 1.42 KB
/
SELECTORS.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>MORE ON SELECTORS AND ATTRIBUTES</title>
</head>
<style>
div > p{
background-color: blue;
color: chartreuse;
}
div + p{
background-color: #000;
color: #fff;
}
</style>
<body>
<header>
<div>
<h1>WELCOME TO CODING WORLD</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolores nisi culpa quisquam architecto, quaerat non similique earum laboriosam? Animi hic itaque doloribus nisi culpa nostrum doloremque laudantium mollitia non dolorum.
</p>
<div>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Reiciendis cupiditate aliquid quis? Accusamus, debitis fuga asperiores eum eaque animi aut ex eligendi eveniet id libero hic voluptates, accusantium nihil quas numquam tempore corporis ipsam molestiae! Ducimus nobis ratione nam facilis amet recusandae vel?
</p>
</div>
</div>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Asperiores expedita accusantium sequi nihil enim, tempore ratione sit et aut adipisci dolores! Id, nulla officia numquam ipsa rem ullam repellat tenetur.</p>
</header>
</body>
</html>