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

Merge pull request #166 from AngryGolfer/main

Browse source 
Easy Fix - css-exercises/foundation/06 cascade fix/solution/style.css -Typo and line wrap
This commit is contained in:
Eric Olkowski 2022-04-16 08:31:54 -04:00 committed by GitHub
commit 38dc43bd04
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 3 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
foundations/06-cascade-fix/solution/solution.css
View file

@ -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: