From bead1843f88c4f9b9e009da940c174679cf8f743 Mon Sep 17 00:00:00 2001 From: Olaoluwa Oyebode Date: Wed, 8 May 2024 16:55:07 +0100 Subject: [PATCH 1/4] Olaoluwa Oyebode_Push Request --- index.html | 108 +++++++++++++++++++++++++++++++++++++++++------------ 1 file changed, 84 insertions(+), 24 deletions(-) diff --git a/index.html b/index.html index 7b65980..704c776 100644 --- a/index.html +++ b/index.html @@ -1,17 +1,73 @@ - - - - + + + + CSS Selector Fun - - - -

Make this text orange and 28px

-

Make this text orange and 28px

-

Make this text orange and 28px

+ + + +

Make this text orange and 28px

+

Make this text orange and 28px

+

Make this text orange and 28px

Make this text green and 28px

Make this text red and 28px

@@ -26,34 +82,38 @@

Make this heading pink

but also some slightly different styles. Is there a way we can avoid repeating the common styles in the stylesheet? -->
- This text should stay black and 28px -

- Make this text blue and 12px. Make this paragraph have 10px left margin and a black 2px bottom border. -

+ This text should stay black and 28px +

+ Make this text blue and 12px. Make this paragraph have 10px + left margin and a black 2px bottom border. +

- This text should stay black and 28px. -

- Make this text purple and 15px. Make this paragraph have 10px left margin and a black 1px bottom border. - - Make this text 12px and grey. -

+ Make this text 12px and grey. +

-

This text should be purple, 10px, all capitals and bold. Make this paragraph have 10px left margin and black 1px bottom border.

+

+ This text should be purple, 10px, all capitals and bold. Make this + paragraph have 10px left margin and black 1px bottom border. +

-

Make this text orange and 28px.

+

Make this text orange and 28px.

- - + From 1ea3ef225e9c3497717f9235851446f04e81ceba Mon Sep 17 00:00:00 2001 From: Olaoluwa Oyebode Date: Wed, 8 May 2024 17:01:14 +0100 Subject: [PATCH 2/4] Olaoluwa Oyebode_Pull Request --- index.html | 1 + 1 file changed, 1 insertion(+) diff --git a/index.html b/index.html index 704c776..8c5bad5 100644 --- a/index.html +++ b/index.html @@ -55,6 +55,7 @@ font-size: 28px; text-transform: initial; font-weight: normal; + border-bottom: none; } section.container-one.container-two p span { color: orange; From c8c8d03a69f043048e795beed1a63dc88b505f97 Mon Sep 17 00:00:00 2001 From: Olaoluwa Oyebode Date: Thu, 9 May 2024 12:38:04 +0100 Subject: [PATCH 3/4] Olaoluwa Oyebode_Pull Request --- index.html | 59 +---------------------------------------------- styles.css | 67 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 68 insertions(+), 58 deletions(-) diff --git a/index.html b/index.html index 8c5bad5..a4be354 100644 --- a/index.html +++ b/index.html @@ -6,64 +6,7 @@ CSS Selector Fun - +

Make this text orange and 28px

diff --git a/styles.css b/styles.css index e69de29..4cc9cb2 100644 --- a/styles.css +++ b/styles.css @@ -0,0 +1,67 @@ + + + + + + + CSS Selector Fun + + + From 8f3f859b64a2bca25ca3749411ba7dd0a9f11dfd Mon Sep 17 00:00:00 2001 From: Olaoluwa Oyebode Date: Thu, 9 May 2024 15:16:01 +0100 Subject: [PATCH 4/4] Olaoluwa Oyebode_Pull Request --- styles.css | 123 ++++++++++++++++++++++++----------------------------- 1 file changed, 56 insertions(+), 67 deletions(-) diff --git a/styles.css b/styles.css index 4cc9cb2..d57df7d 100644 --- a/styles.css +++ b/styles.css @@ -1,67 +1,56 @@ - - - - - - - CSS Selector Fun - - - +.paragraph { + color: green; + font-size: 28px; +} +#paragraph { + color: red; + font-size: 28px; +} +h1, +h2, +h3, +h4 { + color: pink; +} +.container-one { + color: black; + font-size: 28px; +} +.container-one p { + color: blue; + font-size: 12px; + margin-left: 10px; + border-bottom: 2px solid black; +} +.container-two span { + color: black; + font-size: 28px; +} +.container-two p { + color: purple; + font-size: 15px; + margin-left: 10px; + border-bottom: 2px solid black; +} +.container-two p span { + color: grey; + font-size: 12px; +} +.container-one.container-two p { + font-size: 10px; + font-weight: bold; + text-transform: uppercase; +} +section.container-one.container-two p { + color: orange; + font-size: 28px; + text-transform: initial; + font-weight: normal; + border-bottom: none; +} +section.container-one.container-two p span { + color: orange; + font-size: 28px; + text-transform: lowercase; + font-weight: normal; +}