forked from Daniyal-Murtaza/html-css
-
Notifications
You must be signed in to change notification settings - Fork 0
/
css-selectors.html
38 lines (35 loc) · 4.22 KB
/
css-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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./CSS/selectors.css">
<title>CSS SELECTORS</title>
</head>
<body>
<div class='main-heading'><h1>Main Heading</h1></div>
<div id='sub-heading'><h2>Sub Heading</h2>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Dolor, in maxime, vitae assumenda voluptas blanditiis, cum deleniti ad ratione nulla totam iure sint odio. Nesciunt, doloremque quod nulla alias, quidem sapiente rem error quis possimus hic incidunt tenetur quos maiores voluptates fugiat quia ipsa mollitia officiis, eveniet dicta quas reiciendis nihil. Ad in nesciunt nostrum inventore earum harum perferendis dolore deserunt quos ratione? Debitis voluptatibus omnis inventore, ullam officiis repellendus sit, repudiandae commodi assumenda dolore, atque rem nihil ad illum numquam! Consectetur natus iste cupiditate blanditiis eos quia facere a autem ratione, aliquam qui temporibus perspiciatis optio laudantium laborum accusamus, praesentium perferendis dolores. Sint repellat animi eos quam perspiciatis mollitia illo voluptate, recusandae voluptatibus. Est quia maxime debitis repellendus, quisquam voluptate delectus numquam deleniti exercitationem harum dolore praesentium incidunt, vero quas nobis itaque dolores consequuntur. Sit est aliquid iusto aliquam temporibus sed perspiciatis doloremque, dolor quia, numquam, nostrum quam earum consequatur molestias delectus. Labore quisquam quae doloremque inventore fugit obcaecati repellendus harum minima rem animi consectetur delectus, reiciendis autem voluptas quaerat accusamus corporis. Adipisci, soluta. Quae, harum nobis tempora exercitationem libero quia eius sapiente amet pariatur impedit quis commodi incidunt, necessitatibus vero quibusdam, laborum porro quidem aspernatur repellendus atque? Eligendi aspernatur natus, iste, nihil alias quod amet reprehenderit cumque explicabo nam maxime sequi, pariatur delectus laborum ipsum vero repudiandae incidunt ipsa nobis deleniti perferendis impedit voluptates ducimus! Accusamus, pariatur illo quia iusto consectetur nemo quasi cupiditate consequatur maxime voluptatibus alias rem, dolorum corporis? Veniam libero nostrum voluptatum nam eligendi eos debitis fuga minus hic maiores saepe quod tenetur a mollitia odio culpa quia laudantium dolorem nobis, est numquam dolores facere perspiciatis? Tenetur dolores ipsum iste voluptas deleniti, alias repudiandae, sunt at illo impedit maxime quaerat natus velit unde non, soluta eligendi magnam suscipit. Deserunt temporibus incidunt unde quisquam laborum nemo voluptate. Amet numquam temporibus architecto fugit culpa itaque ut necessitatibus illum ipsam consequuntur modi rem, laboriosam eum. Ipsam, possimus? Illo iste accusantium, eligendi officia eos in asperiores eum esse natus aliquid tenetur vero doloribus tempora magni labore? Sed facere eveniet assumenda temporibus quos quo odit minima, cupiditate maiores autem mollitia, necessitatibus qui sunt, porro dolores sit atque odio illum ipsam fugiat! Ipsa blanditiis eveniet quod, dolor, quae laboriosam quam explicabo hic consequuntur quaerat dolore id eos illo distinctio, reprehenderit accusantium molestias iure. Ab laborum iure in doloremque debitis facere ex sed ullam. Ut incidunt perferendis totam. Aliquam inventore facere voluptatem.
</p></div>
<main>
<h2>CSS Selectors</h2>
<article>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Atque fuga aliquid reiciendis mollitia voluptates, impedit earum deleniti sequi culpa, totam vero dignissimos repellendus nemo similique possimus dolores sapiente, necessitatibus officiis.
</p>
<h3>selectors pro</h3>
<p>
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Modi tempora atque laudantium neque autem harum at, excepturi odio doloremque culpa totam in distinctio aliquam quibusdam quasi et qui, placeat velit?
</p>
</article>
</main>
<header>
<p>
<ul>
<li><a href=""></a></li>
</ul>
</p>
</header>
</body>
</html>