Update solution comments

This commit is contained in:
Daniel Murphy 2022-08-05 10:27:27 -04:00
parent f98ca16e88
commit 0f83cb8e2d
1 changed files with 6 additions and 2 deletions

View File

@ -31,6 +31,7 @@ div.text {
.small-para { .small-para {
font-size: 14px; 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. 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 { p.small-para {
font-size: 14px; 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: For the following rule we first removed it from its original position in the file:
.child { .child {
color: red; color: rgb(0, 0, 0);
font-weight: 800;
font-size: 14px; 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: Another solution would be to keep the rule where it was and just replace the div selector with the .text selector:
.text .child { .text .child {
color: red; color: rgb(0, 0, 0);
font-weight: 800;
font-size: 14px; font-size: 14px;
} }
*/ */