Update solution comments
This commit is contained in:
parent
f98ca16e88
commit
0f83cb8e2d
|
@ -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;
|
||||||
}
|
}
|
||||||
*/
|
*/
|
||||||
|
|
Loading…
Reference in New Issue