From 2e4891a1e1804659b10524c9204237dad5156185 Mon Sep 17 00:00:00 2001 From: Prateek14b <50728753+Prateek14b@users.noreply.github.com.> Date: Sun, 2 Feb 2025 19:53:08 -0500 Subject: [PATCH 01/22] changed div1 and div3 padding argument's first value to 32px. (First value for padding refers to up/down padding, second value refers to left/right padding.) --- .../block-and-inline/01-margin-and-padding-1/style.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/foundations/block-and-inline/01-margin-and-padding-1/style.css b/foundations/block-and-inline/01-margin-and-padding-1/style.css index f4d0a7084532..b6df3ed86e06 100644 --- a/foundations/block-and-inline/01-margin-and-padding-1/style.css +++ b/foundations/block-and-inline/01-margin-and-padding-1/style.css @@ -7,7 +7,7 @@ body { background: pink; border: 3px solid blue; /* CHANGE ME */ - padding: 0px; + padding: 32px; margin: 0px; } @@ -23,6 +23,6 @@ body { border: 3px solid brown; width: 200px; /* CHANGE ME */ - padding: 0px; + padding: 32px; margin-left: 0px; } \ No newline at end of file From 534272e56cbfb1648d07585a9521973e793ffa61 Mon Sep 17 00:00:00 2001 From: Prateek14b <50728753+Prateek14b@users.noreply.github.com.> Date: Sun, 2 Feb 2025 20:17:23 -0500 Subject: [PATCH 02/22] changed div1's margin to 12 px to address second bullet point in the readme task. --- foundations/block-and-inline/01-margin-and-padding-1/style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/foundations/block-and-inline/01-margin-and-padding-1/style.css b/foundations/block-and-inline/01-margin-and-padding-1/style.css index b6df3ed86e06..bef94185b305 100644 --- a/foundations/block-and-inline/01-margin-and-padding-1/style.css +++ b/foundations/block-and-inline/01-margin-and-padding-1/style.css @@ -8,7 +8,7 @@ body { border: 3px solid blue; /* CHANGE ME */ padding: 32px; - margin: 0px; + margin: 12px; } .two { From 1fa6ec8c195ac2dacde630eaa92e8d483f1090ee Mon Sep 17 00:00:00 2001 From: Prateek14b <50728753+Prateek14b@users.noreply.github.com.> Date: Sun, 2 Feb 2025 20:22:36 -0500 Subject: [PATCH 03/22] changed margin-bottom to 48px for div2, to address 3rd bullet point in the task readme. --- foundations/block-and-inline/01-margin-and-padding-1/style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/foundations/block-and-inline/01-margin-and-padding-1/style.css b/foundations/block-and-inline/01-margin-and-padding-1/style.css index bef94185b305..c83a924ee3de 100644 --- a/foundations/block-and-inline/01-margin-and-padding-1/style.css +++ b/foundations/block-and-inline/01-margin-and-padding-1/style.css @@ -15,7 +15,7 @@ body { background: lightblue; border: 3px solid purple; /* CHANGE ME */ - margin-bottom: 0px; + margin-bottom: 48px; } .three { From 0b8d51bb9389d8c00a5bc4056e9b244f9ab62a94 Mon Sep 17 00:00:00 2001 From: Prateek14b <50728753+Prateek14b@users.noreply.github.com.> Date: Sun, 2 Feb 2025 20:27:26 -0500 Subject: [PATCH 04/22] idk how, but changing margin-left from 0px to 'auto'(for the div 3) aligned it to the right. THus, fourth bullet point is addressed. --- foundations/block-and-inline/01-margin-and-padding-1/style.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/foundations/block-and-inline/01-margin-and-padding-1/style.css b/foundations/block-and-inline/01-margin-and-padding-1/style.css index c83a924ee3de..c5d9651407bc 100644 --- a/foundations/block-and-inline/01-margin-and-padding-1/style.css +++ b/foundations/block-and-inline/01-margin-and-padding-1/style.css @@ -24,5 +24,6 @@ body { width: 200px; /* CHANGE ME */ padding: 32px; - margin-left: 0px; + margin-left: auto; + } \ No newline at end of file From b100e95f7ccaa7b957031b911a4fc87cbf868ae4 Mon Sep 17 00:00:00 2001 From: Prateek14b <50728753+Prateek14b@users.noreply.github.com.> Date: Sun, 2 Feb 2025 23:18:05 -0500 Subject: [PATCH 05/22] crated external stylesheet; linked it to html; addded type selector for div element and made required style modifications. --- foundations/intro-to-css/01-css-methods/index.html | 1 + foundations/intro-to-css/01-css-methods/styles/style.css | 7 +++++++ 2 files changed, 8 insertions(+) create mode 100644 foundations/intro-to-css/01-css-methods/styles/style.css diff --git a/foundations/intro-to-css/01-css-methods/index.html b/foundations/intro-to-css/01-css-methods/index.html index effe3cc3db01..ef9a70d44a6d 100644 --- a/foundations/intro-to-css/01-css-methods/index.html +++ b/foundations/intro-to-css/01-css-methods/index.html @@ -5,6 +5,7 @@ Methods for Adding CSS +
Style me via the external method!
diff --git a/foundations/intro-to-css/01-css-methods/styles/style.css b/foundations/intro-to-css/01-css-methods/styles/style.css new file mode 100644 index 000000000000..087907765b61 --- /dev/null +++ b/foundations/intro-to-css/01-css-methods/styles/style.css @@ -0,0 +1,7 @@ +div{ + background-color: red; + color: white; + font-size: 32px; + text-align: center; + font-weight: bold; +} From 77d11efe6aae956078bcd73da924a790bd165826 Mon Sep 17 00:00:00 2001 From: Prateek14b <50728753+Prateek14b@users.noreply.github.com.> Date: Mon, 3 Feb 2025 18:28:01 -0500 Subject: [PATCH 06/22] Added internal CSS style to p element. Addresses second requirement. --- foundations/intro-to-css/01-css-methods/index.html | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/foundations/intro-to-css/01-css-methods/index.html b/foundations/intro-to-css/01-css-methods/index.html index ef9a70d44a6d..9bc90c4c33f0 100644 --- a/foundations/intro-to-css/01-css-methods/index.html +++ b/foundations/intro-to-css/01-css-methods/index.html @@ -6,6 +6,13 @@ Methods for Adding CSS +
Style me via the external method!
From a77eee42f949ac55611cd6cc2a6b295a0656d99f Mon Sep 17 00:00:00 2001 From: Prateek14b <50728753+Prateek14b@users.noreply.github.com.> Date: Mon, 3 Feb 2025 18:31:08 -0500 Subject: [PATCH 07/22] Addressed third requirement; added inline styling to button element. --- foundations/intro-to-css/01-css-methods/index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/foundations/intro-to-css/01-css-methods/index.html b/foundations/intro-to-css/01-css-methods/index.html index 9bc90c4c33f0..ff3ae5054f88 100644 --- a/foundations/intro-to-css/01-css-methods/index.html +++ b/foundations/intro-to-css/01-css-methods/index.html @@ -17,6 +17,6 @@
Style me via the external method!

I would like to be styled with the internal method, please.

- + \ No newline at end of file From 4fd35ff98d3c1a8c669bc941d523b8befee9525f Mon Sep 17 00:00:00 2001 From: Prateek14b <50728753+Prateek14b@users.noreply.github.com.> Date: Mon, 3 Feb 2025 19:00:41 -0500 Subject: [PATCH 08/22] created oddnumber class, and added style rules to it. Then, applied it to 1,3,5 elements in html. --- .../intro-to-css/02-class-id-selectors/index.html | 10 +++++----- .../intro-to-css/02-class-id-selectors/style.css | 4 ++++ 2 files changed, 9 insertions(+), 5 deletions(-) diff --git a/foundations/intro-to-css/02-class-id-selectors/index.html b/foundations/intro-to-css/02-class-id-selectors/index.html index 263042ae92a0..5d548459b9ba 100644 --- a/foundations/intro-to-css/02-class-id-selectors/index.html +++ b/foundations/intro-to-css/02-class-id-selectors/index.html @@ -8,10 +8,10 @@ -

Number 1 - I'm a class!

-
Number 2 - I'm one ID.
-

Number 3 - I'm a class, but cooler!

-
Number 4 - I'm another ID.
-

Number 5 - I'm a class!

+

Number 1 - I'm a class!

+
Number 2 - I'm one ID.
+

Number 3 - I'm a class, but cooler!

+
Number 4 - I'm another ID.
+

Number 5 - I'm a class!

\ No newline at end of file diff --git a/foundations/intro-to-css/02-class-id-selectors/style.css b/foundations/intro-to-css/02-class-id-selectors/style.css index e69de29bb2d1..ddeddb02b242 100644 --- a/foundations/intro-to-css/02-class-id-selectors/style.css +++ b/foundations/intro-to-css/02-class-id-selectors/style.css @@ -0,0 +1,4 @@ +.oddnumber{ + color: rgb(244, 119, 119); + font-family: 'Verdana', 'DejaVu Sans', 'sans-serif'; +} \ No newline at end of file From db1f615c4bcfc3b6b226a8f6f34ec414fe578b8d Mon Sep 17 00:00:00 2001 From: Prateek14b <50728753+Prateek14b@users.noreply.github.com.> Date: Mon, 3 Feb 2025 19:06:23 -0500 Subject: [PATCH 09/22] created appropriate style rules for classes second-element and fourth-element. --- .../intro-to-css/02-class-id-selectors/style.css | 11 ++++++++++- 1 file changed, 10 insertions(+), 1 deletion(-) diff --git a/foundations/intro-to-css/02-class-id-selectors/style.css b/foundations/intro-to-css/02-class-id-selectors/style.css index ddeddb02b242..333638eb6fe7 100644 --- a/foundations/intro-to-css/02-class-id-selectors/style.css +++ b/foundations/intro-to-css/02-class-id-selectors/style.css @@ -1,4 +1,13 @@ .oddnumber{ color: rgb(244, 119, 119); font-family: 'Verdana', 'DejaVu Sans', 'sans-serif'; -} \ No newline at end of file +} +#second-element{ + color: rgb(0,0,256); + font-size: 36px; +} +#fourth-element{ + background-color: rgb(96, 244, 96); + font-size: 24px; + font-weight: bold; +} From eb573503679ac61fb4d6c6114f43d38f7c1fa430 Mon Sep 17 00:00:00 2001 From: Prateek14b <50728753+Prateek14b@users.noreply.github.com.> Date: Mon, 3 Feb 2025 19:08:29 -0500 Subject: [PATCH 10/22] third element should have two classes, so created new class and applies greater font size for the class. --- foundations/intro-to-css/02-class-id-selectors/index.html | 2 +- foundations/intro-to-css/02-class-id-selectors/style.css | 3 +++ 2 files changed, 4 insertions(+), 1 deletion(-) diff --git a/foundations/intro-to-css/02-class-id-selectors/index.html b/foundations/intro-to-css/02-class-id-selectors/index.html index 5d548459b9ba..8abca28cf916 100644 --- a/foundations/intro-to-css/02-class-id-selectors/index.html +++ b/foundations/intro-to-css/02-class-id-selectors/index.html @@ -10,7 +10,7 @@

Number 1 - I'm a class!

Number 2 - I'm one ID.
-

Number 3 - I'm a class, but cooler!

+

Number 3 - I'm a class, but cooler!

Number 4 - I'm another ID.

Number 5 - I'm a class!

diff --git a/foundations/intro-to-css/02-class-id-selectors/style.css b/foundations/intro-to-css/02-class-id-selectors/style.css index 333638eb6fe7..970a65108884 100644 --- a/foundations/intro-to-css/02-class-id-selectors/style.css +++ b/foundations/intro-to-css/02-class-id-selectors/style.css @@ -11,3 +11,6 @@ font-size: 24px; font-weight: bold; } +.largerfont{ + font-size: 24px; +} \ No newline at end of file From 9b363180f9fa0d33526397a35dd1aacb43d6a789 Mon Sep 17 00:00:00 2001 From: Prateek14b <50728753+Prateek14b@users.noreply.github.com.> Date: Mon, 3 Feb 2025 19:10:18 -0500 Subject: [PATCH 11/22] fixed a minor error in .oddnumber class; replaced declaration that specified color to a declaration that specified background color (like the requirements asked) --- foundations/intro-to-css/02-class-id-selectors/style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/foundations/intro-to-css/02-class-id-selectors/style.css b/foundations/intro-to-css/02-class-id-selectors/style.css index 970a65108884..abc231f01f0b 100644 --- a/foundations/intro-to-css/02-class-id-selectors/style.css +++ b/foundations/intro-to-css/02-class-id-selectors/style.css @@ -1,5 +1,5 @@ .oddnumber{ - color: rgb(244, 119, 119); + background-color: rgb(244, 119, 119); font-family: 'Verdana', 'DejaVu Sans', 'sans-serif'; } #second-element{ From d1ccb248ff2ebee65b6adfe24677a34956a9be83 Mon Sep 17 00:00:00 2001 From: Prateek14b <50728753+Prateek14b@users.noreply.github.com.> Date: Mon, 3 Feb 2025 19:16:21 -0500 Subject: [PATCH 12/22] started exercise 3; created common-style class, and added the style rules that both buttons share to the class. --- foundations/intro-to-css/03-grouping-selectors/index.html | 4 ++-- foundations/intro-to-css/03-grouping-selectors/style.css | 4 ++++ 2 files changed, 6 insertions(+), 2 deletions(-) diff --git a/foundations/intro-to-css/03-grouping-selectors/index.html b/foundations/intro-to-css/03-grouping-selectors/index.html index 796431e53ea7..4d8f60037356 100644 --- a/foundations/intro-to-css/03-grouping-selectors/index.html +++ b/foundations/intro-to-css/03-grouping-selectors/index.html @@ -8,7 +8,7 @@ - - + + \ No newline at end of file diff --git a/foundations/intro-to-css/03-grouping-selectors/style.css b/foundations/intro-to-css/03-grouping-selectors/style.css index e69de29bb2d1..31046f121eb5 100644 --- a/foundations/intro-to-css/03-grouping-selectors/style.css +++ b/foundations/intro-to-css/03-grouping-selectors/style.css @@ -0,0 +1,4 @@ +.common-style{ + font-size: 28px; + font-family: Helvetica,'Times New Roman', sans-serif; +} \ No newline at end of file From 94c127f935a3ec29c38f5ad040e2be32160fe58e Mon Sep 17 00:00:00 2001 From: Prateek14b <50728753+Prateek14b@users.noreply.github.com.> Date: Mon, 3 Feb 2025 19:27:04 -0500 Subject: [PATCH 13/22] Reverting the change from previous commit. Why? Because I made a mistake. This reverts commit d1ccb248ff2ebee65b6adfe24677a34956a9be83. --- foundations/intro-to-css/03-grouping-selectors/index.html | 4 ++-- foundations/intro-to-css/03-grouping-selectors/style.css | 4 ---- 2 files changed, 2 insertions(+), 6 deletions(-) diff --git a/foundations/intro-to-css/03-grouping-selectors/index.html b/foundations/intro-to-css/03-grouping-selectors/index.html index 4d8f60037356..796431e53ea7 100644 --- a/foundations/intro-to-css/03-grouping-selectors/index.html +++ b/foundations/intro-to-css/03-grouping-selectors/index.html @@ -8,7 +8,7 @@ - - + + \ No newline at end of file diff --git a/foundations/intro-to-css/03-grouping-selectors/style.css b/foundations/intro-to-css/03-grouping-selectors/style.css index 31046f121eb5..e69de29bb2d1 100644 --- a/foundations/intro-to-css/03-grouping-selectors/style.css +++ b/foundations/intro-to-css/03-grouping-selectors/style.css @@ -1,4 +0,0 @@ -.common-style{ - font-size: 28px; - font-family: Helvetica,'Times New Roman', sans-serif; -} \ No newline at end of file From bf535e184fa22d9f320db6cf22b058d90b6c2a7d Mon Sep 17 00:00:00 2001 From: Prateek14b <50728753+Prateek14b@users.noreply.github.com.> Date: Mon, 3 Feb 2025 19:44:31 -0500 Subject: [PATCH 14/22] created two classes ('first-element' and 'second-element') and applied the unique styles to them. --- foundations/intro-to-css/03-grouping-selectors/index.html | 4 ++-- foundations/intro-to-css/03-grouping-selectors/style.css | 7 +++++++ 2 files changed, 9 insertions(+), 2 deletions(-) diff --git a/foundations/intro-to-css/03-grouping-selectors/index.html b/foundations/intro-to-css/03-grouping-selectors/index.html index 796431e53ea7..3a7743f4ea92 100644 --- a/foundations/intro-to-css/03-grouping-selectors/index.html +++ b/foundations/intro-to-css/03-grouping-selectors/index.html @@ -8,7 +8,7 @@ - - + + \ No newline at end of file diff --git a/foundations/intro-to-css/03-grouping-selectors/style.css b/foundations/intro-to-css/03-grouping-selectors/style.css index e69de29bb2d1..02c03abaa011 100644 --- a/foundations/intro-to-css/03-grouping-selectors/style.css +++ b/foundations/intro-to-css/03-grouping-selectors/style.css @@ -0,0 +1,7 @@ +.first-element{ + background-color:black; + color:white; +} +.second-element{ + background-color:yellow; +} \ No newline at end of file From be7344443ab1b215065c45d58ad5a92db899b03d Mon Sep 17 00:00:00 2001 From: Prateek14b <50728753+Prateek14b@users.noreply.github.com.> Date: Mon, 3 Feb 2025 19:46:04 -0500 Subject: [PATCH 15/22] fixed typo in index.html. now, classnames are matching. --- foundations/intro-to-css/03-grouping-selectors/index.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/foundations/intro-to-css/03-grouping-selectors/index.html b/foundations/intro-to-css/03-grouping-selectors/index.html index 3a7743f4ea92..bedf43525cc9 100644 --- a/foundations/intro-to-css/03-grouping-selectors/index.html +++ b/foundations/intro-to-css/03-grouping-selectors/index.html @@ -8,7 +8,7 @@ - - + + \ No newline at end of file From bf46fd4e465a5dfb025143ac16b9051e7929e97f Mon Sep 17 00:00:00 2001 From: Prateek14b <50728753+Prateek14b@users.noreply.github.com.> Date: Mon, 3 Feb 2025 19:47:56 -0500 Subject: [PATCH 16/22] used grouping selector to add common styles that apply to both elements. DONE WITH EXERCISE. --- foundations/intro-to-css/03-grouping-selectors/style.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/foundations/intro-to-css/03-grouping-selectors/style.css b/foundations/intro-to-css/03-grouping-selectors/style.css index 02c03abaa011..0db40bba5b42 100644 --- a/foundations/intro-to-css/03-grouping-selectors/style.css +++ b/foundations/intro-to-css/03-grouping-selectors/style.css @@ -4,4 +4,8 @@ } .second-element{ background-color:yellow; +} +.first-element, .second-element{ + font-size:28px; + font-family: Helvetica, 'Times New Roman',sans-serif; } \ No newline at end of file From bf076ed5317a06b86f6f41b042ecf4d6c16b5c65 Mon Sep 17 00:00:00 2001 From: Prateek14b <50728753+Prateek14b@users.noreply.github.com.> Date: Mon, 3 Feb 2025 20:13:30 -0500 Subject: [PATCH 17/22] easy-peasy. Just understand when you got to use the chaining selectors, and when grouping selectors. Here, chaining selectors are the way to go. --- foundations/intro-to-css/04-chaining-selectors/style.css | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/foundations/intro-to-css/04-chaining-selectors/style.css b/foundations/intro-to-css/04-chaining-selectors/style.css index d55c2c5c7090..f93dfb33917e 100644 --- a/foundations/intro-to-css/04-chaining-selectors/style.css +++ b/foundations/intro-to-css/04-chaining-selectors/style.css @@ -1 +1,8 @@ -/* Add CSS Styling */ \ No newline at end of file +.proportioned.avatar{ + width: 300px; + height: auto; +} +.avatar.distorted{ + width: 200px; + height: 400px; +} \ No newline at end of file From 9e6d11f5278b3cd15549de142ba111d422d71313 Mon Sep 17 00:00:00 2001 From: Prateek14b <50728753+Prateek14b@users.noreply.github.com.> Date: Tue, 4 Feb 2025 02:36:39 -0500 Subject: [PATCH 18/22] EASY-PEASY. Just learned descendant combinator, and applied its knowledge. --- foundations/intro-to-css/05-descendant-combinator/style.css | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/foundations/intro-to-css/05-descendant-combinator/style.css b/foundations/intro-to-css/05-descendant-combinator/style.css index e69de29bb2d1..aa6767e10279 100644 --- a/foundations/intro-to-css/05-descendant-combinator/style.css +++ b/foundations/intro-to-css/05-descendant-combinator/style.css @@ -0,0 +1,6 @@ +div p{ + background-color:yellow; + color:red; + font-size: 20px; + text-align: center; +} \ No newline at end of file From 1e4dd6100ec824c5c5a4bfd2f5ed0fc1524f5bcd Mon Sep 17 00:00:00 2001 From: Prateek14b <50728753+Prateek14b@users.noreply.github.com.> Date: Mon, 10 Feb 2025 01:21:22 -0500 Subject: [PATCH 19/22] given the description of the commit in comments on CSS! just did some basic re-ordering, that's all! --- foundations/cascade/01-cascade-fix/style.css | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/foundations/cascade/01-cascade-fix/style.css b/foundations/cascade/01-cascade-fix/style.css index daf07e0e8a47..33b15980267e 100644 --- a/foundations/cascade/01-cascade-fix/style.css +++ b/foundations/cascade/01-cascade-fix/style.css @@ -8,15 +8,16 @@ body { font-weight: 800; } +/* just repositioned this .para class selector above .small-para. This ensures this class property gets overruled by the one below it. */ +.para { + font-size: 22px; +} + .small-para { font-size: 14px; font-weight: 800; } -.para { - font-size: 22px; -} - .confirm { background: green; color: white; From 09ea754b9b638f0eacc6b9f231a79aced008c8d7 Mon Sep 17 00:00:00 2001 From: Prateek14b <50728753+Prateek14b@users.noreply.github.com.> Date: Mon, 10 Feb 2025 01:31:12 -0500 Subject: [PATCH 20/22] commit description provided in comments. JUst used chaining selector to give confirm button precedence over button. Then, since .button selector's properties suited the cancel button's properties, didn't bother to create a chaining selector .button.cancel. --- foundations/cascade/01-cascade-fix/style.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/foundations/cascade/01-cascade-fix/style.css b/foundations/cascade/01-cascade-fix/style.css index 33b15980267e..a586f121aae7 100644 --- a/foundations/cascade/01-cascade-fix/style.css +++ b/foundations/cascade/01-cascade-fix/style.css @@ -17,9 +17,9 @@ body { font-size: 14px; font-weight: 800; } - -.confirm { - background: green; +/*changed background to background-color as error correction. Also, chained classes together to get precedence.*/ +.confirm.button { + background-color: green; color: white; font-weight: bold; } From 23a4de41d5b043e5a5a765adb023b642bd5f1acc Mon Sep 17 00:00:00 2001 From: Prateek14b <50728753+Prateek14b@users.noreply.github.com.> Date: Mon, 10 Feb 2025 01:40:28 -0500 Subject: [PATCH 21/22] chained 3 selectors div.text.child to get precedence over pre-existing div.text selector, for applying special styles to child elements. --- foundations/cascade/01-cascade-fix/style.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/foundations/cascade/01-cascade-fix/style.css b/foundations/cascade/01-cascade-fix/style.css index a586f121aae7..e64f8d0e8c31 100644 --- a/foundations/cascade/01-cascade-fix/style.css +++ b/foundations/cascade/01-cascade-fix/style.css @@ -29,8 +29,8 @@ body { color: rgb(0, 0, 0); font-size: 20px; } - -.child { +/*chained three selectors to target the child div element, and give this precedence over the 2-chained selector below. */ +div.child.text { color: rgb(0, 0, 0); font-weight: 800; font-size: 14px; From a5815d0205261be1821e1e2457eca9c4e9f8e8f3 Mon Sep 17 00:00:00 2001 From: Prateek Date: Thu, 22 May 2025 00:00:18 +0530 Subject: [PATCH 22/22] yeah, i just wanna call it a day, but i don't wanna leave without pushing a commit so here it goes lmao --- foundations/cascade/01-cascade-fix/index.html | 1 + 1 file changed, 1 insertion(+) diff --git a/foundations/cascade/01-cascade-fix/index.html b/foundations/cascade/01-cascade-fix/index.html index 0c5b22717488..153498c475b1 100644 --- a/foundations/cascade/01-cascade-fix/index.html +++ b/foundations/cascade/01-cascade-fix/index.html @@ -20,3 +20,4 @@ +