punkfairie/odin-css-exercises
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update solution comments

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

8
foundations/06-cascade-fix/solution/solution.css
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;
} }
*/ */