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

Merge pull request #211 from dm-murphy/fix-comments-06-cascade

Browse source 
Foundations/06-cascade-fix: Update solution comments
This commit is contained in:
Daniel Murphy 2022-08-05 11:45:28 -04:00 committed by GitHub
commit 913a077823
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
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;
} }
*/ */