-
Notifications
You must be signed in to change notification settings - Fork 14
/
06-apples-and-bananas-classes.html
68 lines (64 loc) · 2.46 KB
/
06-apples-and-bananas-classes.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
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
<!--
This webpage displays the lyrics for a song about apples and bananas.
There are already classes on most of the words about apples and bananas, but there is no style for those classes yet.
Add two style rules, one that sets a color for the 'apples' class and another that sets a color for the 'bananas' class.
-->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Challenge: Apples and bananas classes</title>
<style>
.apples{
color:red;
}
.bananas{
color:yellow;
}
</style>
</head>
<body>
<h1><strong class="apples">Apples</strong> and <strong class="bananas">Bananas</strong></h1>
<p>
I like to eat eat eat
<strong class="apples">apples</strong> and
<strong class="bananas">bananas</strong>.<br>
I like to eat eat eat
<strong class="apples">apples</strong> and
<strong class="bananas">bananas</strong>.<br>
I like to ate ate ate
<strong class="apples">ay-ples</strong> and
<strong class="bananas">bay-nay-nays</strong>.<br>
I like to ate ate ate
<strong class="apples">ay-ples</strong> and
<strong class="bananas">bay-nay-nays</strong>.<br>
I like to eet eet eet
<strong class="apples">ee-ples</strong> and
<strong class="bananas">bee-nee-nees</strong>.<br>
I like to eet eet eet
<strong class="apples">ee-ples</strong> and
<strong class="bananas">bee-nee-nees</strong>.<br>
I like to ite ite ite
<strong class="apples">i-ples</strong> and
<strong class="bananas">by-by-nys</strong>.<br>
I like to ite ite ite
<strong class="apples">i-ples</strong> and
<strong class="bananas">by-by-nys</strong>.<br>
I like to ote ote ote
<strong class="apples">oh-ples</strong> and
<strong class="bananas">bo-no-nos</strong>.<br>
I like to ote ote ote
<strong class="apples">oh-ples</strong> and
<strong class="bananas">bo-no-nos</strong>.<br>
I like to ute ute ute
<strong class="apples">uupples</strong> and
<strong class="bananas">bununus</strong>.<br>
I like to ute ute ute
<strong class="apples">uupples</strong> and
<strong class="bananas">bununus</strong>.<br>
I like to eat eat eat
<strong class="apples">apples</strong> and
<strong class="bananas">bananas</strong>.<br>
</p>
</body>
</html>