Skip to content

Commit ef664fd

Browse files
committed
Video 27 Completed
1 parent 403ed71 commit ef664fd

24 files changed

+34
-0
lines changed
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.

Video 27/index.html

+34
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Document</title>
7+
<style>
8+
/* p{
9+
background-color: blue;
10+
color: white;
11+
}
12+
13+
div p:first-child{
14+
background-color: yellow;
15+
color: red;
16+
} */
17+
18+
19+
</style>
20+
</head>
21+
<body>
22+
<!-- Write html and css code to style a paragraph inside a div which contains 5 other paragraphs. The first paragraph must have background color yellow and text color red. The other paragraphs must have background color blue and text color white. The HMTL is written below for your reference. Do not change this html -->
23+
<div>
24+
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Expedita explicabo consectetur dicta fuga ea at vitae suscipit, repellendus illum deleniti laboriosam ipsa distinctio.</p>
25+
<p>I am another para</p>
26+
<p>I am also another para</p>
27+
</div>
28+
<div>
29+
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Expedita explicabo consectetur dicta fuga ea at vitae suscipit, repellendus illum deleniti laboriosam ipsa distinctio.</p>
30+
<p>I am another para</p>
31+
<p>I am also another para</p>
32+
</div>
33+
</body>
34+
</html>

0 commit comments

Comments
 (0)