From 83ecb5730ad7d8ddd00b4384ed843de7a5685ca1 Mon Sep 17 00:00:00 2001 From: AngryGolfer <102259851+AngryGolfer@users.noreply.github.com> Date: Fri, 1 Apr 2022 12:03:29 +0100 Subject: [PATCH] Typo and line wrap Changed 12px to 14px to match the .css file px size and wrapped lengthy description --- foundations/06-cascade-fix/solution/solution.css | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/foundations/06-cascade-fix/solution/solution.css b/foundations/06-cascade-fix/solution/solution.css index 7242ee3..c0ba21e 100644 --- a/foundations/06-cascade-fix/solution/solution.css +++ b/foundations/06-cascade-fix/solution/solution.css @@ -32,7 +32,7 @@ div.text { Another solution would be keeping it in its original place and just chaining selectors, giving this rule a higher specificity: p.small-para { - font-size: 12px; + font-size: 14px; } */ @@ -74,7 +74,8 @@ div.text { font-size: 14px; } - Then we added another selector to create a descendant combinator. If we only created a descendant combinator, the specificity would be tied with the div.text selector and it would come down to rule order, and if we only moved it the div.text selector would still have a higher specificity. + Then we added another selector to create a descendant combinator. If we only created a descendant combinator, the specificity would be tied with the + div.text selector and it would come down to rule order, and if we only moved it the div.text selector would still have a higher specificity. Another solution would be to keep the rule where it was and just replace the div selector with the .text selector: