From 0f83cb8e2d261c6df902f0d8caf8759617445187 Mon Sep 17 00:00:00 2001 From: Daniel Murphy Date: Fri, 5 Aug 2022 10:27:27 -0400 Subject: [PATCH] Update solution comments --- foundations/06-cascade-fix/solution/solution.css | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/foundations/06-cascade-fix/solution/solution.css b/foundations/06-cascade-fix/solution/solution.css index 6f6085c..a56cf5a 100644 --- a/foundations/06-cascade-fix/solution/solution.css +++ b/foundations/06-cascade-fix/solution/solution.css @@ -31,6 +31,7 @@ div.text { .small-para { font-size: 14px; + font-weight: 800; } Then we placed it after the .para selector, taking advantage of the rule order since both selectors have the same specificity. @@ -39,6 +40,7 @@ div.text { p.small-para { font-size: 14px; + font-weight: 800; } */ @@ -77,7 +79,8 @@ div.text { For the following rule we first removed it from its original position in the file: .child { - color: red; + color: rgb(0, 0, 0); + font-weight: 800; font-size: 14px; } @@ -87,7 +90,8 @@ div.text { Another solution would be to keep the rule where it was and just replace the div selector with the .text selector: .text .child { - color: red; + color: rgb(0, 0, 0); + font-weight: 800; font-size: 14px; } */