File tree Expand file tree Collapse file tree 1 file changed +6
-2
lines changed
foundations/06-cascade-fix/solution Expand file tree Collapse file tree 1 file changed +6
-2
lines changed Original file line number Diff line number Diff line change @@ -31,6 +31,7 @@ div.text {
31
31
32
32
.small-para {
33
33
font-size: 14px;
34
+ font-weight: 800;
34
35
}
35
36
36
37
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 {
39
40
40
41
p.small-para {
41
42
font-size: 14px;
43
+ font-weight: 800;
42
44
}
43
45
*/
44
46
@@ -77,7 +79,8 @@ div.text {
77
79
For the following rule we first removed it from its original position in the file:
78
80
79
81
.child {
80
- color: red;
82
+ color: rgb(0, 0, 0);
83
+ font-weight: 800;
81
84
font-size: 14px;
82
85
}
83
86
@@ -87,7 +90,8 @@ div.text {
87
90
Another solution would be to keep the rule where it was and just replace the div selector with the .text selector:
88
91
89
92
.text .child {
90
- color: red;
93
+ color: rgb(0, 0, 0);
94
+ font-weight: 800;
91
95
font-size: 14px;
92
96
}
93
97
*/
You can’t perform that action at this time.
0 commit comments